/* body {
  background-color: #eee
} */

@font-face {
  font-family: icons;
  src: url(../fonts/icons.eot);
  src: url(../fonts/icons.eot?#iefix) format("embedded-opentype"), url(../fonts/icons.woff) format("woff"), url(../fonts/icons.ttf) format("truetype"), url(../fonts/icons.svg#icons) format("svg");
  font-weight: 400;
  font-style: normal
}

.icon:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-family: icons;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  vertical-align: -2px;
  speak: none;
  text-transform: none
}

.icon-circle {
  display: inline-block;
  padding: .4em;
  line-height: 0;
  border-radius: 50%;
  font-size: .75em;
  vertical-align: .2em
}

.icon.-air-plane:before {
  content: ""
}

.icon.-art-book:before {
  content: ""
}

.icon.-bag:before {
  content: ""
}

.icon.-bell:before {
  content: ""
}

.icon.-bento:before {
  content: ""
}

.icon.-book:before {
  content: ""
}

.icon.-box:before {
  content: ""
}

.icon.-brash:before {
  content: ""
}

.icon.-c-down:before {
  content: ""
}

.icon.-c-left:before {
  content: ""
}

.icon.-c-right:before {
  content: ""
}

.icon.-c-up:before {
  content: ""
}

.icon.-calendar:before {
  content: ""
}

.icon.-chase:before {
  content: ""
}

.icon.-close:before {
  content: ""
}

.icon.-darts:before {
  content: ""
}

.icon.-dolly:before {
  content: ""
}

.icon.-down-thin:before {
  content: ""
}

.icon.-down:before {
  content: ""
}

.icon.-exclamation:before {
  content: ""
}

.icon.-external:before {
  content: ""
}

.icon.-finger:before {
  content: ""
}

.icon.-frame-stamp:before {
  content: ""
}

.icon.-geo:before {
  content: ""
}

.icon.-gift-box:before {
  content: ""
}

.icon.-gift-season:before {
  content: ""
}

.icon.-hagaki:before {
  content: ""
}

.icon.-hanko:before {
  content: ""
}

.icon.-hometown:before {
  content: ""
}

.icon.-id:before {
  content: ""
}

.icon.-left-thin:before {
  content: ""
}

.icon.-left:before {
  content: ""
}

.icon.-letter-pack:before {
  content: ""
}

.icon.-letter-stamp:before {
  content: ""
}

.icon.-letter:before {
  content: ""
}

.icon.-money:before {
  content: ""
}

.icon.-moning-glory:before {
  content: ""
}

.icon.-mouhitsu:before {
  content: ""
}

.icon.-note:before {
  content: ""
}

.icon.-post-stamp:before {
  content: ""
}

.icon.-ribbon:before {
  content: ""
}

.icon.-right-thin:before {
  content: ""
}

.icon.-right:before {
  content: ""
}

.icon.-search:before {
  content: ""
}

.icon.-search2:before {
  content: ""
}

.icon.-shop:before {
  content: ""
}

.icon.-smart-letter:before {
  content: ""
}

.icon.-smart-phone:before {
  content: ""
}

.icon.-track:before {
  content: ""
}

.icon.-transporter:before {
  content: ""
}

.icon.-up-thin:before {
  content: ""
}

.icon.-up:before {
  content: ""
}

.icon.-window-l:before {
  content: ""
}

.icon.-yu-pack:before {
  content: ""
}

.icon.-halloween:before {
  content: ""
}

.icon.-download:before {
  content: ""
}

/* .icon.-pr-blank:before {
  content: ""
} */

.icon.-scissor:before {
  content: ""
}

.icon.-nenmatsu:before {
  content: ""
}

.icon.-oseibo:before {
  content: ""
}

.icon.-christmas:before {
  content: ""
}

.icon.-another:before {
  content: ""
}

.icon.-window:before {
  content: ""
}

.icon.-another-blank:before {
  content: ""
}

.icon.-pr:before {
  content: ""
}

.icon.-sensu:before {
  content: ""
}

.icon.-valentine:before {
  content: ""
}

.icon.-birth-gift:before {
  content: ""
}

.icon.-postclick:before {
  content: ""
}

.icon.-revice:before {
  content: ""
}

.icon.-souvenir:before {
  content: ""
}

.icon.-fathers-day:before {
  content: ""
}

.icon.-kamomail:before {
  content: ""
}

.icon.-conveni-print:before {
  content: ""
}

.icon.-stationery:before {
  content: ""
}

.icon.-summer-gift:before {
  content: ""
}

.icon.-hakopos:before {
  content: ""
}

@font-face {
  font-family: Noto Sans Japanese;
  font-weight: 200;
  font-style: normal
}

@font-face {
  font-family: Noto Sans Japanese;
  font-weight: 900;
  font-style: normal
}

.l-legacy *, .l-legacy :after, .l-legacy :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html.l-legacy {
  padding: 0;
  position: relative;
  font-size: 62.5%
}

body.l-legacy {
  background-color: #eee
}

.l-legacy, body.l-legacy {
  color: #181818;
  font-size: 14px;
  font-family: Noto Sans Japanese, Helvetica, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;
  font-weight: 300;
  line-height: 1.7
}

.l-legacy a {
  color: #393939;
  outline: none;
  cursor: pointer;
  text-decoration: none
}

.l-legacy hr {
  border: solid #e3e4e6;
  border-width: 1px 0 0
}

.l-legacy img {
  max-width: 100%;
  height: auto;
  vertical-align: middle
}

.l-legacy table {
  border-collapse: collapse
}

.l-legacy li, .l-legacy ul {
  list-style: none;
  margin: 0;
  padding-left: 0
}

.l-legacy p {
  margin: 2% 0
}

.l-legacy small {
  font-size: 80%
}

.l-legacy .l-container {
  max-width: 1280px;
  min-width: 980px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto
}

.l-legacy .l-header {
  min-width: 980px;
  border-top: 17px solid #ce0500;
  position: relative;
  margin: 0 auto;
  z-index: 1
}

.l-legacy .l-header__logo {
  background: #fff url(/assets/images/header-copy.png) no-repeat;
  background-position: 248px 16px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 90
}

.l-legacy .l-header__logo:after {
  content: "";
  display: block;
  padding-top: 15px
}

.l-legacy .l-header__content {
  min-height: 44px;
  margin-bottom: 30px
}

.l-legacy .l-content {
  zoom: 1;
  position: relative;
  padding: 0 calc(13.225% - 129.28px)
}

.l-legacy .l-content:after {
  content: "";
  display: block;
  clear: both
}

.l-legacy .l-navigation {
  float: left;
  margin-right: 20px;
  width: 278px;
  min-height: 1px;
  position: relative;
  margin-bottom: 85px
}

.l-legacy .l-main {
  float: left;
  width: calc(100% - 298px);
  zoom: 1
}

.l-legacy .l-main:after {
  content: "";
  display: block;
  clear: both
}

.l-legacy .l-footer {
  min-width: 980px;
  background: #fff;
  padding-top: 50px;
  margin: 0 auto;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0)
}

.l-legacy .c-button {
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ce0500;
  color: #fff;
  text-align: center;
  font-weight: 300;
  text-decoration: none
}

.l-legacy .c-button:hover {
  opacity: .9
}

.l-legacy .c-button.is-disabled {
  pointer-events: none;
  cursor: default
}

.l-legacy .c-button.is-disabled:hover {
  opacity: 1
}

.l-legacy .c-button.is-invert {
  background-color: #fff;
  color: #ce0500 !important;
  border: 1px solid #ce0500
}

.l-legacy .c-button.is-invert .icon-circle {
  background-color: #ce0500 !important;
  color: #fff
}

.l-legacy .c-button--has-icon {
  padding-right: 35px
}

.l-legacy .c-button--has-icon.c-button--middle {
  padding-right: 5rem
}

.l-legacy .c-button__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2rem
}

.l-legacy .c-button__icon.icon-circle {
  font-size: .6em
}

.l-legacy .c-button--full, .l-legacy .c-button--middle {
  font-size: 2rem;
  padding: 10px 20px
}

.l-legacy .c-button--full {
  width: 100%
}

.l-legacy button.c-button {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  border: 0
}

.l-legacy button.c-button:focus {
  outline: none
}

.l-legacy .c-buttons .c-button {
  margin-right: 10px
}

.l-legacy .c-center-button-container {
  margin: 30px 25px
}

.l-legacy .c-tabs {
  display: table;
  table-layout: fixed;
  width: 100%
}

.l-legacy .c-tabs__item {
  display: table-cell;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}

.l-legacy .c-tabs__item:last-child {
  border-right-width: 0
}

.l-legacy .c-tabs__item a {
  display: block;
  text-align: center;
  padding: 2rem 0;
  color: inherit;
  -webkit-tap-highlight-color: transparent
}

.l-legacy .c-tabs__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 3px
}

.l-legacy .c-tabs__item.is-active:before {
  background-color: currentColor
}

.l-legacy .c-tabs__item.is-disable {
  background-color: #e3e4e6
}

.l-legacy .c-tabs__item.is-disable a {
  cursor: default
}

.l-legacy .c-tabs__item--div2 {
  width: 50%
}

.l-legacy .c-tabs__item--div10 {
  width: 10%
}

.l-legacy .c-tab-body {
  display: none
}

.l-legacy .c-tab-body.is-active {
  display: block
}

.l-legacy .c-card {
  background-color: #fff;
  padding: 2%;
  display: block
}

.l-legacy .c-card a {
  display: inherit;
  position: inherit;
  padding-top: inherit;
  margin-left: inherit;
  width: inherit
}

.l-legacy .c-card__header {
  margin: -2% -2% 0
}

.l-legacy .c-card__item {
  width: 100%;
  margin: 0 0 2%
}

.l-legacy .c-card__item:last-child {
  margin-bottom: 0
}

.l-legacy .c-card--fullfill {
  padding: 0
}

.l-legacy a.c-card:hover {
  opacity: .8
}

.l-legacy .c-badge {
  display: inline-block;
  margin-right: 1%;
  border-radius: 20px;
  background-color: #ce0500;
  color: #fff;
  padding: .2em .8em
}

.l-legacy .c-heading1, .l-legacy h1 {
  font-size: 4.2rem;
  font-weight: lighter;
  margin-top: 1.9rem;
  margin-bottom: 1.9rem
}

.l-legacy .c-heading1--bold, .l-legacy h1--bold {
  font-weight: 500
}

.l-legacy .c-heading2, .l-legacy h2 {
  font-size: 3.6rem;
  font-weight: lighter;
  margin-top: 1.9rem;
  margin-bottom: 1.9rem
}

.l-legacy .c-heading2--bold, .l-legacy h2--bold {
  font-weight: 500
}

.l-legacy .c-heading3, .l-legacy h3 {
  font-size: 2rem;
  font-weight: 500;
  margin: 1.9rem 0
}

.l-legacy .c-heading3--bold, .l-legacy h3--bold {
  font-weight: 500
}

.l-legacy .c-media {
  display: block;
  margin-bottom: 2%;
  zoom: 1
}

.l-legacy .c-media:after {
  content: "";
  display: block;
  clear: both
}

.l-legacy .c-media__picture {
  display: block;
  width: 25.83%;
  margin-right: 5.38%;
  float: left
}

.l-legacy .c-media__picture img {
  width: 100%
}

.l-legacy .c-media__body {
  display: block;
  width: 68.79%;
  float: left
}

.l-legacy a.c-media:hover {
  opacity: .8
}

.l-legacy .c-ruby {
  position: relative
}

.l-legacy .c-ruby ruby {
  position: absolute;
  bottom: -1.4em;
  left: 0;
  width: 100%;
  font-size: .4em
}

.l-legacy .c-grid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}

.l-legacy .c-grid:after {
  content: " ";
  display: block;
  clear: both
}

.l-legacy .c-grid__col-1 {
  width: 7.63359%;
  float: left;
  margin-right: .76336%
}

.l-legacy .c-grid__col-1:last-child {
  float: right;
  margin-right: 0
}

.l-legacy .c-grid__col-2 {
  width: 16.03053%;
  float: left;
  margin-right: .76336%
}

.l-legacy .c-grid__col-2:last-child {
  float: right;
  margin-right: 0
}

.l-legacy .c-grid__col-3 {
  width: 24.42748%;
  float: left;
  margin-right: .76336%
}

.l-legacy .c-grid__col-3:last-child {
  float: right;
  margin-right: 0
}

.l-legacy .c-grid__col-4 {
  width: 32.82443%;
  float: left;
  margin-right: .76336%
}

.l-legacy .c-grid__col-4:last-child {
  float: right;
  margin-right: 0
}

.l-legacy .c-grid__col-5 {
  width: 41.22137%;
  float: left;
  margin-right: .76336%
}

.l-legacy .c-grid__col-5:last-child {
  float: right;
  margin-right: 0
}

.l-legacy .c-grid__col-6 {
  width: 49.61832%;
  float: left;
  margin-right: .76336%
}

.l-legacy .c-grid__col-6:last-child {
  float: right;
  margin-right: 0
}

.l-legacy .c-grid__col-7 {
  width: 58.01527%;
  float: left;
  margin-right: .76336%
}

.l-legacy .c-grid__col-7:last-child {
  float: right;
  margin-right: 0
}

.l-legacy .c-grid__col-8 {
  width: 66.41221%;
  float: left;
  margin-right: .76336%
}

.l-legacy .c-grid__col-8:last-child {
  float: right;
  margin-right: 0
}

.l-legacy .c-grid__col-9 {
  width: 74.80916%;
  float: left;
  margin-right: .76336%
}

.l-legacy .c-grid__col-9:last-child {
  float: right;
  margin-right: 0
}

.l-legacy .c-grid__col-10 {
  width: 83.20611%;
  float: left;
  margin-right: .76336%
}

.l-legacy .c-grid__col-10:last-child {
  float: right;
  margin-right: 0
}

.l-legacy .c-grid__col-11 {
  width: 91.60305%;
  float: left;
  margin-right: .76336%
}

.l-legacy .c-grid__col-11:last-child {
  float: right;
  margin-right: 0
}

.l-legacy .c-grid__col-12 {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0
}

.l-legacy .c-grid__col-12:last-child {
  float: right;
  margin-right: 0
}

.l-legacy .p-header-login {
  z-index: 90;
  position: absolute;
  right: 5%;
  top: 16px
}

.l-legacy .p-header-login[data-login-status=false] .p-header-login__btn:first-child, .l-legacy .p-header-login[data-login-status=true] .p-header-login__btn:last-child {
  display: block
}

.l-legacy .p-header-login__btn {
  display: none;
  font-weight: 700;
  cursor: pointer
}

.l-legacy .p-header-login__btn>img {
  margin-right: .5em
}

.l-legacy .p-header-login__btn:hover {
  opacity: .8
}

.l-legacy .p-copyright {
  background-color: #ce0500;
  padding: 3px calc(13.225% - 129.28px);
  text-align: right;
  color: #fff;
  font-size: 1.2rem
}

.l-legacy .p-copyright__logo {
  float: left
}

.l-legacy .p-copyright__rights {
  margin: 0
}

.l-legacy .p-navigation {
  width: 278px;
  z-index: 500
}

.l-legacy .p-navigation--top-page {
  position: absolute;
  top: 0
}

.l-legacy .p-navigation--pull-700 {
  position: absolute;
  top: -492px
}

.l-legacy .p-navigation__header {
  padding-bottom: 13px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background-color: hsla(0, 0%, 100%, .9);
  text-align: center
}

.is-expand .l-legacy .p-navigation__header {
  border-top-right-radius: 0
}

.l-legacy .p-navigation__header input[type=text].p-word-search__box {
  height: 40px;
  border: 1px solid #dedede
}

.l-legacy .p-navigation__header input[type=text].p-word-search__box::-webkit-input-placeholder {
  color: #a7a7a7
}

.l-legacy .p-navigation__header input[type=text].p-word-search__box:-ms-input-placeholder {
  color: #a7a7a7
}

.l-legacy .p-navigation__header input[type=text].p-word-search__box.placeholder, .l-legacy .p-navigation__header input[type=text].p-word-search__box::-webkit-input-placeholder {
  color: #a7a7a7
}

.l-legacy .p-navigation__header input[type=text].p-word-search__box.placeholder, .l-legacy .p-navigation__header input[type=text].p-word-search__box:-ms-input-placeholder {
  color: #a7a7a7
}

.l-legacy .p-navigation__header input[type=text].p-word-search__box.placeholder, .l-legacy .p-navigation__header input[type=text].p-word-search__box::placeholder {
  color: #a7a7a7
}

.l-legacy .p-navigation__logo {
  margin: 0 auto;
  font-size: 0;
  padding: 16px 0;
  width: 160px
}

.l-legacy .p-navigation__notify {
  font-size: 14px;
  display: block;
  margin: 13px auto 0
}

.l-legacy .p-navigation__notify .icon {
  font-size: 1.3em;
  vertical-align: middle
}

.l-legacy .p-navigation__body {
  background-color: #fff
}

.l-legacy .p-navigation__footer {
  background-color: #e9e9e8;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: 1px 20px 20px
}

.is-expand .l-legacy .p-navigation__footer {
  border-bottom-right-radius: 0
}

.l-legacy .p-navigation .c-tabs {
  line-height: 1.2;
  font-weight: 500
}

.l-legacy .p-navigation .c-tabs__item {
  border-bottom: 2px solid #eee
}

.l-legacy .p-navigation .c-tabs__item:before {
  background-color: #eee
}

.l-legacy .p-navigation .c-tabs__item:first-child {
  border-right: 2px solid #eee
}

.l-legacy .p-navigation .c-tabs__item.is-active {
  border-bottom-color: rgba(0, 0, 0, 0)
}

.l-legacy .p-navigation .c-tabs__item.is-active:before {
  background-color: currentColor
}

.l-legacy .p-navigation-list__item {
  font-size: 18px;
  font-weight: 100;
  border-bottom: 2px solid #eee
}

.l-legacy .p-navigation-list__item>a {
  display: block;
  padding: 5px .8em
}

.l-legacy .p-navigation-list__item>a:after {
  content: url(/assets/images/right-arrow.png);
  display: block;
  float: right
}

.p-navigation-list--gift .l-legacy .p-navigation-list__item.is-active>a {
  color: #f0922c
}

.p-navigation-list--gift .l-legacy .p-navigation-list__item.is-active>a .icon-circle {
  opacity: .8
}

.p-navigation-list--letter .l-legacy .p-navigation-list__item.is-active>a {
  color: #566900
}

.p-navigation-list--letter .l-legacy .p-navigation-list__item.is-active>a .icon-circle {
  opacity: .8
}

.l-legacy .p-navigation-list__item--top {
  font-size: 1.2rem;
  font-weight: inherit
}

.l-legacy .p-navigation-list__item--top a {
  padding: 8px .8em
}

.l-legacy .p-navigation-list__item--top a:after {
  display: none
}

.l-legacy .p-navigation-list .icon {
  color: #fff;
  font-size: 1.8em;
  vertical-align: middle;
  line-height: 0
}

.l-legacy .p-navigation-list .icon-circle {
  margin-right: 8px;
  font-size: 10.0997px;
  vertical-align: .35em
}

.l-legacy .p-navigation-list--gift .icon-circle {
  background-color: #f0922c
}

.l-legacy .p-navigation-list--letter .icon-circle {
  background-color: #566900
}

.l-legacy .p-subnavigation {
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 110%;
  border-top-right-radius: 7px;
  padding: 20px;
  background-color: #f6f6f6;
  z-index: 999999
}

.p-navigation-list__item.is-active .l-legacy .p-subnavigation {
  display: block
}

.l-legacy .p-subnavigation--double {
  width: 220%
}

.l-legacy .p-subnavigation__header {
  margin-bottom: -.2em;
  display: none
}

.l-legacy .p-subnavigation__heading {
  margin-top: 0;
  margin-bottom: 0
}

.l-legacy .p-subnavigation-list {
  margin-bottom: -11px;
  line-height: 1.3;
  white-space: nowrap
}

.l-legacy .p-subnavigation-list--double, .l-legacy .p-subnavigation-list--double+.p-subnavigation-list>li {
  float: left;
  width: 50%
}

.l-legacy .p-subnavigation-list__item {
  margin-bottom: 0
}

.l-legacy .p-subnavigation-list__item__icon {
  display: table-cell;
  vertical-align: middle;
  padding: .7em .4em .7em 0
}

.l-legacy .p-subnavigation-list__item__icon .icon-circle {
  color: #fff;
  font-size: .9em;
  padding: .5em
}

.l-legacy .p-subnavigation-list__item__icon .icon-circle .icon {
  margin-right: 0;
  color: #fff
}

.l-legacy .p-subnavigation-list a {
  display: block
}

.l-legacy .p-subnavigation-list a>span {
  display: table-cell;
  vertical-align: middle
}

.l-legacy .p-subnavigation-list a>span>.icon {
  font-size: .6em;
  color: inherit
}

.l-legacy .p-subnavigation-list a>span>.icon.-pr-blank {
  font-size: 1.2em
}

.l-legacy .p-subnavigation-list a>span>.icon:before {
  vertical-align: 1px
}

.p-navigation-list--gift .l-legacy .p-subnavigation-list a:hover {
  color: #f0922c
}

.p-navigation-list--gift .l-legacy .p-subnavigation-list a:hover .icon-circle {
  opacity: .8
}

.p-navigation-list--letter .l-legacy .p-subnavigation-list a:hover {
  color: #566900
}

.p-navigation-list--letter .l-legacy .p-subnavigation-list a:hover .icon-circle {
  opacity: .8
}

.l-legacy .p-navigation-sns-link-btns {
  margin-left: -10px;
  margin-right: -10px
}

.l-legacy .p-navigation-sns-link-btns .p-navigation-sns-link-btn {
  width: calc(50% - 3px)
}

.l-legacy .p-navigation-sns-link-btn {
  display: block;
  padding: .5em 1.5em;
  margin: 8px 0;
  line-height: 1.25;
  font-size: 13px;
  color: #fff;
  text-align: center;
  position: relative
}

.l-legacy .p-navigation-sns-link-btn--fb {
  background-color: #3b579d
}

.l-legacy .p-navigation-sns-link-btn--tw {
  background-color: #00aced
}

.l-legacy .p-navigation-sns-link-btn__inner {
  display: table;
  width: 5.5em;
  margin: 0 auto;
  table-layout: fixed;
  -webkit-transform: translateX(-.125em);
  -ms-transform: translateX(-.125em);
  transform: translateX(-.125em)
}

.l-legacy .p-navigation-sns-link-btn__inner>span {
  display: table-cell;
  vertical-align: top
}

.l-legacy .p-navigation-sns-link-btn .icon {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 95%
}

.l-legacy .p-top-card-list {
  padding: 20px;
  zoom: 1;
  float: left;
  width: calc((100% - 8px)/2);
  background-color: #fff
}

.l-legacy .p-top-card-list:after {
  content: "";
  display: block;
  clear: both
}

.l-legacy .p-top-card-list:first-child {
  margin-right: 8px
}

.l-legacy .p-top-card-list__heading {
  font-size: 20px;
  position: relative;
  margin: 0 0 1.5rem;
  font-weight: 700
}

.l-legacy .p-top-card-list__heading .icon {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.l-legacy .p-top-card-list__heading__img {
  display: inline-block;
  vertical-align: middle;
  width: 22.11302%;
  padding-top: 22.11302%;
  margin-right: 2.457%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 50%;
  -webkit-background-size: 90px 90px;
  background-size: 90px
}

.l-legacy .p-top-card-list .c-card {
  margin-bottom: 20px;
  padding: 0
}

.l-legacy .p-top-card-list .c-heading3 {
  font-size: 1.6rem;
  margin: 0
}

.l-legacy .p-top-card-list .c-heading3 .icon-circle {
  font-size: .6em
}

.l-legacy .p-top-card-list--gift {
  border-top: 5px solid #f0922c
}

.l-legacy .p-top-card-list--gift .p-top-card-list__heading {
  color: #f0922c
}

.l-legacy .p-top-card-list--gift .c-button {
  background-color: #f0922c
}

.l-legacy .p-top-card-list--letter {
  border-top: 5px solid #566900
}

.l-legacy .p-top-card-list--letter .p-top-card-list__heading {
  color: #566900
}

.l-legacy .p-top-card-list--letter .c-button {
  background-color: #566900
}

.l-legacy .p-footer-links {
  zoom: 1;
  margin-bottom: 10px;
  font-size: 1.1rem;
  padding: 0 calc(13.225% - 129.28px)
}

.l-legacy .p-footer-links:after {
  content: "";
  display: block;
  clear: both
}

.l-legacy .p-footer-links--white {
  color: #fff
}

.l-legacy .p-footer-links--sp {
  margin-bottom: 2.6em;
  text-align: center
}

.l-legacy .p-footer-links__separator {
  margin: 10px
}

.l-legacy .p-footer-links__item {
  float: left;
  margin-right: 20px
}

.l-legacy .p-footer-links__item--external:before {
  content: ""
}

.l-legacy .p-footer-links__item--another-blank:before, .l-legacy .p-footer-links__item--external:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: icons;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  vertical-align: -2px;
  speak: none;
  text-transform: none
}

.l-legacy .p-footer-links__item--another-blank:before {
  content: ""
}

.l-legacy .p-footer-links__item--link:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-family: icons;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  vertical-align: -2px;
  speak: none;
  text-transform: none
}

.l-legacy .p-footer-links__item:before {
  font-size: .8em;
  vertical-align: middle;
  margin-right: 3px
}

.l-legacy .p-footer-links a {
  color: inherit
}

.l-legacy .p-back-to-top {
  text-align: right;
  margin: 4% 0 .8rem
}

.l-legacy .p-back-to-top--invert a {
  color: #fff
}

.l-legacy .p-back-to-top__icon {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #fff
}

.l-legacy .p-back-to-top__icon:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 9px;
  left: 8px;
  border-left: 1px solid #ce0500;
  border-color: #ce0500 #ce0500 currentcolor;
  border-top: 1px solid #ce0500
}

.l-legacy .p-slider {
  position: relative;
  max-width: 100%
}

.l-legacy .p-slider .slick-list {
  overflow: hidden;
  margin: 0 -10px
}

.l-legacy .p-slider__slide {
  margin: 0 10px;
  display: none
}

.l-legacy .p-slider__slide a {
  display: block;
  background-color: #fff
}

.l-legacy .p-slider__slide a:hover img {
  opacity: .8
}

.l-legacy .p-slider__slide img {
  width: 100%
}

.l-legacy .p-slider__slide:first-of-type, .slick-initialized .l-legacy .p-slider__slide {
  display: block
}

.l-legacy .p-slider .slick-slide {
  display: block;
  float: left
}

.l-legacy .p-slider .slick-slide:focus, .l-legacy .p-slider .slick-slide a {
  outline: none
}

.l-legacy .slick-dots {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center
}

.l-legacy .slick-dots li {
  display: inline-block;
  margin-right: 10px
}

.l-legacy .slick-dots button {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  background: none rgba(0, 0, 0, 0);
  margin: 0;
  padding: 0;
  vertical-align: middle;
  color: inherit;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font: inherit;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 1.2rem;
  width: 1.2rem;
  color: #fff;
  border: 3px solid;
  border-radius: 50%;
  background-color: currentColor;
  font-size: 0;
  cursor: pointer;
  opacity: .5
}

.l-legacy .slick-dots button:focus {
  outline: none
}

.l-legacy .slick-dots .slick-active button {
  opacity: 1
}

.l-legacy .p-slider--banner .slick-dots {
  bottom: 0
}

.l-legacy .p-slider--banner .slick-dots button {
  color: grey;
  width: 6px;
  height: 6px
}

.l-legacy .p-slider--banner .slick-active button {
  opacity: .8
}

.l-legacy .p-top-slider .slick-dots button {
  color: #000;
  opacity: .6
}

.l-legacy .p-top-slider .slick-dots .slick-active button {
  opacity: 1;
  color: #cb0000
}

.l-legacy .p-accordion__header {
  display: block;
  position: relative;
  padding: 3%;
  margin: 0;
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 500
}

.l-legacy .p-accordion__header__button {
  position: absolute;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 2rem;
  height: 2px;
  width: 1em;
  background-color: #ce0500
}

.l-legacy .p-accordion__header__button:after {
  content: "";
  display: block;
  width: 1em;
  height: 2px;
  background-color: #ce0500;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.is-open .l-legacy .p-accordion__header__button:after {
  display: none
}

.l-legacy .p-accordion__body {
  display: none;
  padding-bottom: 4%
}

.is-open .l-legacy .p-accordion__body {
  display: block
}

.l-legacy .p-anchor-link {
  display: inline-block;
  position: relative;
  background-color: #fff;
  padding: 30px 0;
  text-align: center
}

.l-legacy .p-anchor-link:before {
  content: "";
  display: block;
  width: .8em;
  height: .8em;
  position: absolute;
  bottom: 1em;
  left: 50%;
  border-color: currentcolor;
  border-style: solid;
  border-width: 0 1px 1px 0;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg)
}

.l-legacy .p-anchor-links {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.38983%
}

.l-legacy .p-anchor-links:after {
  content: " ";
  display: block;
  clear: both
}

.l-legacy .p-anchor-links--2div .p-anchor-link {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%
}

.l-legacy .p-anchor-links--2div .p-anchor-link:last-child {
  width: 49.15254%;
  float: right;
  margin-right: 0
}

.l-legacy .p-anchor-links--top {
  font-size: 1.8rem;
  font-weight: 500
}

.l-legacy .p-anchor-links--top .p-anchor-link:before {
  border-bottom-width: 2px;
  border-right-width: 2px
}

.l-legacy .p-category-gallery {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}

.l-legacy .p-category-gallery:after {
  content: " ";
  display: block;
  clear: both
}

.l-legacy .p-category-gallery__accordion {
  margin-top: 1.53846%
}

.l-legacy .p-category-gallery__item {
  width: 49.23077%;
  float: left;
  display: table-cell;
  margin-top: 1.53846%
}

.l-legacy .p-category-gallery__item:nth-child(odd) {
  margin-right: -100%;
  clear: both;
  margin-left: 0
}

.l-legacy .p-category-gallery__item:nth-child(2n+2) {
  margin-left: 50.76923%;
  margin-right: -100%;
  clear: none
}

.l-legacy .p-category-gallery__item:first-of-type, .l-legacy .p-category-gallery__item:nth-of-type(2) {
  margin-top: 0
}

.l-legacy .p-category-gallery>p {
  margin: 0;
  font-size: 30px
}

.l-legacy .p-category-gallery__more {
  display: table;
  padding: 3% 2% 3% 0;
  margin: 0 auto;
  width: 95%;
  border-bottom: 2px solid #eee
}

.l-legacy .p-category-gallery__more:last-child {
  border: none
}

.l-legacy .p-category-gallery__moreCenter, .l-legacy .p-category-gallery__moreLeft, .l-legacy .p-category-gallery__moreRight {
  display: table-cell;
  vertical-align: middle
}

.l-legacy .p-category-gallery__moreLeft>span {
  font-size: 25px
}

.l-legacy .p-category-gallery__moreCenter {
  width: 81%
}

.l-legacy .p-category-gallery__moreCenter>h1, .l-legacy .p-category-gallery__moreCenter>p {
  margin: 0 0 0 20px
}

.l-legacy .p-category-gallery__moreRight {
  width: 120px;
  display: table-cell;
  font-size: 1.8rem;
  white-space: nowrap
}

.l-legacy .p-category-gallery__moreRight .icon-circle {
  font-size: .6em
}

.l-legacy .p-category-gallery__accordion>.p-accordion__header:hover {
  background-color: #c00
}

.l-legacy .p-category-gallery__accordion>.p-accordion__header:hover>.p-category-gallery__head-def, .l-legacy .p-category-gallery__accordion>.p-accordion__header:hover>.p-category-gallery__head-open {
  color: #fff
}

.l-legacy .p-category-gallery__head-def, .l-legacy .p-category-gallery__head-open {
  font-size: 20px;
  color: #c00
}

.l-legacy .p-category-gallery__head-def>i, .l-legacy .p-category-gallery__head-open>i {
  margin-left: 8px
}

.is-open .l-legacy .p-category-gallery__head-def, .l-legacy .p-category-gallery__head-open {
  display: none
}

.is-open .l-legacy .p-category-gallery__head-open {
  display: block
}

.l-legacy .p-sp-category-gallery__moreLeft, .l-legacy .p-sp-category-gallery__moreRight {
  display: table-cell;
  vertical-align: middle
}

.l-legacy .p-sp-category-gallery__moreLeft {
  text-align-last: left
}

.l-legacy .p-sp-category-gallery__moreLeft>span {
  font-size: 16px
}

.l-legacy .p-sp-category-gallery__moreRight {
  width: 93%
}

.l-legacy .p-sp-category-gallery__moreRight>h1, .l-legacy .p-sp-category-gallery__moreRight>p {
  margin: 0
}

.l-legacy .p-sp-category-gallery__moreRight>h1 {
  display: inline-block;
  font-size: 12px
}

.l-legacy .p-sp-category-gallery__moreRight>p {
  font-size: 11px
}

.l-legacy .p-sp-category-gallery__moreHead>p {
  margin: 0;
  font-size: 17px
}

.l-legacy .p-sp-category-gallery__head-def, .l-legacy .p-sp-category-gallery__head-open {
  font-size: 12px
}

.l-legacy .p-sp-category-gallery__head-def>i, .l-legacy .p-sp-category-gallery__head-open>i {
  margin-left: 5px
}

.is-open .l-legacy .p-sp-category-gallery__head-def, .l-legacy .p-sp-category-gallery__head-open {
  display: none
}

.is-open .l-legacy .p-sp-category-gallery__head-open {
  display: block
}

.l-legacy .p-component-section {
  border-top: 1px solid #e3e4e6
}

.l-legacy .p-component-block>:first-child {
  border: 1px dashed #bbb
}

.l-legacy .p-component-block pre {
  padding: 3px 5px;
  overflow: auto
}

.l-legacy .p-component-blocks {
  width: 100%
}

.l-legacy .p-component-blocks .p-component-block {
  display: inline-block
}

.l-legacy .p-form input[type=search], .l-legacy .p-form input[type=text] {
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9px;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  font-size: inherit;
  font-weight: 400;
  line-height: 1;
  color: inherit
}

.l-legacy .p-form input[type=search]:focus, .l-legacy .p-form input[type=text]:focus {
  outline: none
}

.l-legacy .p-form input[type=search]::-webkit-input-placeholder, .l-legacy .p-form input[type=text]::-webkit-input-placeholder {
  color: #d2d2d2
}

.l-legacy .p-form input[type=search]:-ms-input-placeholder, .l-legacy .p-form input[type=text]:-ms-input-placeholder {
  color: #d2d2d2
}

.l-legacy .p-form input[type=search].placeholder, .l-legacy .p-form input[type=search]::-webkit-input-placeholder, .l-legacy .p-form input[type=text].placeholder, .l-legacy .p-form input[type=text]::-webkit-input-placeholder {
  color: #d2d2d2
}

.l-legacy .p-form input[type=search].placeholder, .l-legacy .p-form input[type=search]:-ms-input-placeholder, .l-legacy .p-form input[type=text].placeholder, .l-legacy .p-form input[type=text]:-ms-input-placeholder {
  color: #d2d2d2
}

.l-legacy .p-form input[type=search].placeholder, .l-legacy .p-form input[type=search]::placeholder, .l-legacy .p-form input[type=text].placeholder, .l-legacy .p-form input[type=text]::placeholder {
  color: #d2d2d2
}

.l-legacy .p-form input[type=search].placeholder, .l-legacy .p-form input[type=text].placeholder {
  color: #d2d2d2 !important
}

.l-legacy .p-form__select {
  display: inline-block;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  min-width: 160px;
  background: url(/assets/images/select-handle.png) no-repeat 100%;
  -webkit-background-size: 42px 42px;
  background-size: 42px 42px
}

.l-legacy .p-form__select:active, .l-legacy .p-form__select:focus, .l-legacy .p-form__select:hover {
  outline: none
}

.l-legacy .p-form__select:after {
  pointer-events: none;
  content: "";
  display: block;
  border: 1px solid #e3e4e6;
  position: absolute;
  top: 0;
  left: 0;
  right: 43px;
  bottom: 0
}

.l-legacy .p-form__select select {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  background: none rgba(0, 0, 0, 0);
  margin: 0;
  vertical-align: middle;
  color: inherit;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font: inherit;
  -webkit-tap-highlight-color: transparent;
  padding: 9px;
  width: 110%
}

.l-legacy .p-form__select select:focus {
  outline: none
}

.l-legacy .p-form__select select:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 #000
}

.l-legacy .p-form--word-search input[type=search], .l-legacy .p-form--word-search input[type=text] {
  border: 0
}

.l-legacy .p-modal-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 9999;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
  background-color: rgba(0, 0, 0, .5)
}

.l-legacy .p-modal-wrapper:before {
  display: inline-block;
  margin-left: -.05em;
  content: "";
  vertical-align: middle;
  height: 100%
}

.l-legacy .p-modal-wrapper.is-loading:after {
  content: url(/assets/images/loading.gif);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 10px;
  border-radius: 5px
}

.l-legacy .p-modal-content {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  max-width: 905px
}

.l-legacy .p-modal-content__body {
  position: relative;
  margin: 0 auto;
  background-color: #eee;
  padding: 60px 6% 6%
}

.l-legacy .p-modal-content__close {
  position: absolute;
  top: 1%;
  right: 1%;
  padding: 0 9px;
  color: #ce0500;
  font-size: 28px
}

.l-legacy .p-hagaki-modal {
  width: 735px
}

.l-legacy .p-hagaki-modal--post-stamp {
  width: 520px
}

.l-legacy .p-hagaki-modal__img {
  margin: 0 auto;
  text-align: center
}

.l-legacy .p-hagaki-modal__txt {
  margin: 0 auto;
  width: 400px
}

.l-legacy .p-hagaki-modal__txt>h3 {
  margin: 0;
  font-size: 2rem;
  font-weight: bolder
}

.l-legacy .p-hagaki-modal__txt>p {
  margin: 0;
  font-size: 1.4rem
}

.l-legacy .p-hagaki-modal__note {
  margin: 0 auto;
  width: 500px
}

.l-legacy .p-designkit-modal__cols {
  display: table;
  table-layout: fixed;
  width: 100%
}

.l-legacy .p-designkit-modal__col {
  display: table-cell;
  vertical-align: middle
}

.l-legacy .p-designkit-modal__col:last-child {
  padding-left: 25px
}

.l-legacy .p-designkit-modal__image {
  position: relative;
  width: 360px;
  height: 360px;
  margin: 0 auto;
  background-color: #fff
}

.l-legacy .p-designkit-modal__image>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto
}

.l-legacy .p-designkit-modal .c-heading1 {
  font-size: 2.6rem
}

.l-legacy .p-designkit-modal p {
  margin-bottom: 15px
}

.l-legacy .p-designkit-modal__buttons {
  text-align: center;
  margin-top: 30px
}

.l-legacy .p-designkit-modal__buttons__cancel {
  background-color: #333;
  margin-right: 50px
}

.l-legacy .p-designkit-modal__buttons--massive-txt .c-button {
  font-size: 15px;
  padding: 13px 20px
}

.l-legacy .p-designkit-modal__buttons .c-button {
  width: 296px
}

.l-legacy .p-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px
}

.l-legacy .p-table tbody td {
  border-bottom: 2px solid #bdbec0
}

.l-legacy .p-table td, .l-legacy .p-table th {
  padding: 2rem
}

.l-legacy .p-table th {
  text-align: left;
  font-weight: 700
}

.l-legacy .p-table .p-table__col-3 {
  width: 30%
}

.l-legacy .p-visual {
  position: relative;
  display: block;
  width: 100%
}

.l-legacy .p-visual>img, .l-legacy .p-visual__image {
  width: 100%
}

.l-legacy .p-visual__caption {
  font-weight: lighter;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  margin: auto;
  color: #fff
}

.l-legacy .p-visual__footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 15px 10px;
  text-align: right
}

.l-legacy .p-visual--cover:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .3)
}

.l-legacy .p-hanko--service {
  margin: 20px 0 40px
}

.l-legacy .p-hanko--service ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.l-legacy .p-hanko--service li {
  width: 49%
}

.l-legacy .p-hanko--service li a:hover img {
  opacity: .8;
  -webkit-transition: .5;
  transition: .5
}

.l-legacy .p-nationwide-item {
  margin-bottom: 7%
}

.l-legacy .p-nationwide-item>h2 {
  margin: 0 0 3%;
  font-size: 32px;
  font-weight: 700;
  text-align: center
}

.l-legacy .p-nationwide-itemWrap {
  margin-bottom: 2%;
  width: 100%
}

.l-legacy .p-nationwide-item-each {
  float: left;
  position: relative;
  padding: 2%;
  width: 49%;
  height: 580px;
  border-top: 16px solid #eee;
  background-color: #fff
}

.l-legacy .p-nationwide-item-each:first-child, .l-legacy .p-nationwide-item-each:nth-child(2) {
  border-top: none
}

.l-legacy .p-nationwide-item-each:nth-child(2n-1) {
  border-right: 4px solid #eee
}

.l-legacy .p-nationwide-item-each:nth-child(2n) {
  border-left: 4px solid #eee
}

.l-legacy .p-nationwide-item--btn {
  position: absolute;
  bottom: 3%;
  width: 92%;
  text-align: center;
  background-color: #f0922c
}

.l-legacy .p-nationwide-item--btn>span {
  display: block;
  position: relative;
  padding: 1%;
  font-size: 20px;
  color: #fff;
  background-color: #cbcbcb
}

.l-legacy .p-nationwide-item--btn>a {
  display: block;
  position: relative;
  padding: 1%;
  width: 100%
}

.l-legacy .p-nationwide-item--btn>a:hover {
  opacity: .8
}

.l-legacy .p-nationwide-item--btn>a>p {
  display: inline-block;
  margin: 0;
  font-size: 20px;
  color: #fff
}

.l-legacy .p-nationwide-item--btn>a .icon-circle {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 13px;
  color: #fff
}

.l-legacy .p-nationwide-item--head {
  margin-bottom: 4%
}

.l-legacy .p-nationwide-item--head>p {
  padding: 6%;
  margin: 0 0 4%;
  height: 120px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 10px;
  background-color: #eee
}

.l-legacy .p-nationwide-item--head>img {
  width: 100%
}

.l-legacy .p-nationwide-item--desc {
  margin-bottom: 3%
}

.l-legacy .p-nationwide-item--desc>h3 {
  margin: 0 0 3%;
  font-size: 20px
}

.l-legacy .p-nationwide-item--desc>h3>span {
  display: block;
  float: left;
  width: 95px;
  line-height: 1.4;
  text-align: center;
  background-color: #f0922c
}

.l-legacy .p-nationwide-item--desc>p {
  bottom: 12%;
  margin: 0 0 3%;
  font-size: 14px;
  line-height: 1.71429
}

.l-legacy .p-nationwide-item--price {
  position: absolute;
  margin: 0 !important;
  font-weight: 700
}

.l-legacy .p-sns-links {
  text-align: center
}

.l-legacy .p-sns-links__item {
  display: inline-block;
  margin-left: 3px
}

.l-legacy .p-sns-links__item:first-child {
  margin-left: 0
}

.l-legacy .p-sns-links__item a {
  display: inline-block
}

.l-legacy .p-sns-links--full {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}

.l-legacy .p-sns-links--full:after {
  content: " ";
  display: block;
  clear: both
}

.l-legacy .p-sns-links--full .l-legacy .p-sns-links__item {
  width: 19.26606%;
  float: left
}

.l-legacy .p-sns-links--full .l-legacy .p-sns-links__item:nth-child(5n+1) {
  margin-right: -100%;
  clear: both;
  margin-left: 0
}

.l-legacy .p-sns-links--full .l-legacy .p-sns-links__item:nth-child(5n+2) {
  margin-left: 20.18349%;
  margin-right: -100%;
  clear: none
}

.l-legacy .p-sns-links--full .l-legacy .p-sns-links__item:nth-child(5n+3) {
  margin-left: 40.36697%;
  margin-right: -100%;
  clear: none
}

.l-legacy .p-sns-links--full .l-legacy .p-sns-links__item:nth-child(5n+4) {
  margin-left: 60.55046%;
  margin-right: -100%;
  clear: none
}

.l-legacy .p-sns-links--full .l-legacy .p-sns-links__item:nth-child(5n+5) {
  margin-left: 80.73394%;
  margin-right: -100%;
  clear: none
}

.l-legacy .p-sns-links--full .l-legacy .p-sns-links__item a {
  padding: .8rem
}

.l-legacy .p-sns-links--table {
  display: table;
  table-layout: fixed;
  width: 100%
}

.l-legacy .p-sns-links--table .l-legacy .p-sns-links__item {
  display: table-cell
}

.l-legacy .p-letter {
  margin: 0 auto;
  width: 692px
}

.l-legacy .p-letter__head {
  margin-top: 20px;
  text-align: center
}

.l-legacy .p-letter__ttl {
  margin: 0 auto 50px;
  width: 418px
}

.l-legacy .p-letter__subTtl {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px
}

.l-legacy .p-letter__description {
  margin-bottom: 30px;
  text-align: center;
  line-height: 1.8
}

.l-legacy .p-letterBlock {
  position: relative;
  margin-bottom: 60px
}

.l-legacy .p-letterBlock__thumb {
  float: left;
  margin-right: 15px;
  width: 338px
}

.l-legacy .p-letterBlock__thumb-right {
  float: right;
  width: 338px
}

.l-legacy .p-letterBlock__thumb-right>img, .l-legacy .p-letterBlock__thumb>img {
  border: 8px solid #fff
}

.l-legacy .p-letterBlock__content {
  float: left;
  width: 338px
}

.l-legacy .p-letterBlock__description {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 30px
}

.l-legacy .p-letterBlock__description>p {
  margin: 0
}

.l-legacy .p-letterBlock--border {
  position: relative;
  padding: 20px;
  margin-bottom: 60px;
  border: 4px solid #eee
}

.l-legacy .p-letterBlock--border>.p-letterBlock__thumb {
  width: 313px
}

.l-legacy .p-letterBlock--border>.p-letterBlock__thumb>img {
  border: none
}

.l-legacy .p-letterBlock--border>.p-letterBlock__content {
  width: 313px
}

.l-legacy .p-letterBlock--border>.p-letterBlock__content>p {
  margin: 0
}

.l-legacy .p-letterBlock--border .p-letterBlock__btn {
  bottom: 20px;
  width: 313px
}

.l-legacy .p-letterBlock__note {
  padding: 4px 8px;
  margin-top: 12px;
  border: 1px solid #dcdcdc
}

.l-legacy .p-letterBlock__note>p {
  margin: 0;
  font-size: 12px
}

.l-legacy .p-letterBlock__btn {
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 338px
}

.l-legacy .p-letterBlock__btn-detail {
  display: block;
  padding: 21px 10px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background-color: #75441b;
  line-height: 1.3;
  -webkit-transition: all .3s;
  transition: all .3s
}

.l-legacy .p-letterBlock__btn-detail>.icon {
  margin-left: 7px
}

.l-legacy .p-letterBlock__btn-detail:hover {
  opacity: .6
}

.l-legacy .p-letterBlock__btn-small {
  padding: 8px 10px;
  font-size: 14px;
  line-height: 1.3
}

.l-legacy .p-letterHowtoWrite {
  position: relative;
  padding: 24px;
  background-color: #fff
}

.l-legacy .p-letterHowtoWrite__ttl {
  position: relative;
  margin: 0 0 24px
}

.l-legacy .p-letterHowtoWrite__ttl>span {
  position: absolute;
  bottom: -3px;
  left: 270px;
  font-size: 14px;
  font-weight: 700
}

.l-legacy .p-letterHowtoWrite__content {
  margin-bottom: 30px
}

.l-legacy .p-letterHowtoWrite__img {
  display: block;
  float: left
}

.l-legacy .p-letterHowtoWrite__description {
  display: block;
  float: right;
  width: 310px
}

.l-legacy .p-letterHowtoWrite__description>p {
  margin: 0 0 35px;
  font-size: 14px;
  line-height: 1.8
}

.l-legacy .p-letterHowtoWrite__btn {
  margin: 0 90px
}

.l-legacy .p-letter__copyright {
  margin-top: 30px;
  font-size: 12px;
  line-height: 2;
  text-align: center
}

.l-legacy .p-sp-letter__head {
  padding: 10px 0 0;
  margin: 0
}

.l-legacy .p-sp-letter__head>p {
  margin: 0;
  text-align: center
}

.l-legacy .p-sp-letter__ttl {
  padding-bottom: 17px;
  margin: 0;
  text-align: center
}

.l-legacy .p-sp-letter__subTtl {
  margin: 0 0 5px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  line-height: 1.3
}

.l-legacy .p-sp-letter p {
  margin: 0;
  font-size: 11px;
  line-height: 1.3
}

.l-legacy .p-sp-letterBlock {
  padding: 20px 0;
  border-bottom: 1px solid #ddd
}

.l-legacy .p-sp-letterBlock__thumb {
  padding: 5px;
  margin-bottom: 10px;
  background-color: #fff
}

.l-legacy .p-sp-letterBlock__thumb>img {
  display: block;
  width: 100%
}

.l-legacy .p-sp-letterBlock__description {
  margin-bottom: 10px
}

.l-legacy .p-sp-letterBlock__note {
  padding: 12px;
  margin-bottom: 10px;
  border: 1px solid #e2e2e2
}

.l-legacy .p-sp-letterBlock__btn {
  display: block;
  text-align: center
}

.l-legacy .p-sp-letterBlock__btn-detail {
  display: block;
  padding: 15px 20px;
  font-size: 14px;
  color: #fff;
  background-color: #75441b
}

.l-legacy .p-sp-letterBlock__btn-detail>.icon {
  margin-left: 7px
}

.l-legacy .p-sp-letterBlock--border {
  padding: 20px 0;
  border-bottom: 1px solid #ddd
}

.l-legacy .p-sp-letterBlock--border .p-sp-letterBlock__thumb {
  padding: 12px;
  margin: 0;
  border: 1px solid #fff;
  background: 0 0
}

.l-legacy .p-sp-letterBlock--border .p-sp-letterBlock__thumb>img {
  margin-bottom: 10px
}

.l-legacy .p-sp-letterAbout {
  padding: 20px;
  margin: 20px 0;
  background-color: #fff
}

.l-legacy .p-sp-letterAbout__ttl {
  margin-bottom: 12px;
  text-align: center
}

.l-legacy .p-sp-letterAbout__thumb {
  text-align: center
}

.l-legacy .p-sp-letterAbout__description>p {
  margin-top: 20px
}

.l-legacy .p-sp-letter__copyright, .l-legacy .p-sp-letterAbout__btn {
  text-align: center
}

.l-legacy .p-sitepolicy-faq__contents {
  padding: 0 18px
}

.l-legacy .p-sitepolicy__header {
  line-height: 75px;
  height: 75px;
  margin-bottom: 30px;
  padding-left: 20px;
  background: #c00
}

.l-legacy .p-sitepolicy__ttl {
  margin: 0;
  font-size: 30px;
  font-weight: bolder;
  color: #fff
}

.l-legacy .p-sitepolicy__body {
  font-size: 13px;
  line-height: 26px;
  letter-spacing: .1em
}

.l-legacy .p-sitepolicy__body>p {
  margin: 0
}

.l-legacy .p-sitepolicy__body>h2 {
  margin: 20px 0;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: normal
}

.l-legacy .p-sitepolicy-list {
  padding-left: 14px
}

.l-legacy .p-sitepolicy-list li:before {
  display: inline-block;
  content: "●";
  text-indent: -1em
}

.l-legacy .p-sitepolicy-list a {
  text-decoration: underline
}

.l-legacy .p-sitepolicy-list i {
  padding-left: .3em
}

.l-legacy .p-sitepolicy-list ul li {
  position: relative
}

.l-legacy .p-sitepolicy-list ul li:before {
  display: inline-block;
  content: "・";
  text-indent: -1em
}

.l-legacy .p-sitepolicy-list.p-sitepolicy-list--number>li {
  list-style-type: decimal
}

.l-legacy .p-sitepolicy-list.p-sitepolicy-list--number>li:before {
  content: ""
}

.l-legacy .p-sitepolicy-list.p-sitepolicy-list--number>li .p-sitepolicy-list__inner-list {
  padding-left: 14px
}

.l-legacy .p-sitepolicy-list.p-sitepolicy-list--number>li .p-sitepolicy-list__inner-list>li {
  padding-left: 0;
  text-indent: -1em
}

.l-legacy .p-sitepolicy-list.p-sitepolicy-list--number>li .p-sitepolicy-list__inner-list>li:before {
  content: ""
}

.l-legacy ul.p-sitepolicy-companies {
  zoom: 1;
  margin: 5px 0;
  padding: 0 2em
}

.l-legacy ul.p-sitepolicy-companies:after {
  content: "";
  display: block;
  clear: both
}

.l-legacy ul.p-sitepolicy-companies li {
  width: 45%;
  float: left;
  margin-right: 10%
}

.l-legacy ul.p-sitepolicy-companies li:nth-child(2n) {
  margin-right: 0
}

.l-legacy ul.p-sitepolicy-companies li:before {
  content: "・";
  display: inline-block;
  text-indent: -1em
}

.l-legacy .p-sitepolicy-icons {
  margin: 20px 1em
}

.l-legacy .p-sitepolicy-icons__icon {
  padding-left: 2.5em;
  position: relative;
  margin-bottom: 1.5em
}

.l-legacy .p-sitepolicy-icons__icon--window:before {
  content: "";
  vertical-align: -2px;
  vertical-align: middle
}

.l-legacy .p-sitepolicy-icons__icon--another-blank:before, .l-legacy .p-sitepolicy-icons__icon--window:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: icons;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  speak: none;
  text-transform: none;
  font-size: 1.5em;
  margin-right: .5em;
  position: absolute;
  top: .2em;
  left: 0
}

.l-legacy .p-sitepolicy-icons__icon--another-blank:before {
  content: "";
  vertical-align: -2px
}

.l-legacy .p-sitepolicy-icons__icon--pr:before {
  content: ""
}

.l-legacy .p-sitepolicy-icons__icon--pr-blank:before, .l-legacy .p-sitepolicy-icons__icon--pr:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: icons;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  vertical-align: -2px;
  speak: none;
  text-transform: none;
  font-size: 1.5em;
  margin-right: .5em;
  position: absolute;
  top: .2em;
  left: 0
}

.l-legacy .p-sitepolicy-icons__icon--pr-blank:before {
  content: ""
}

.l-legacy .p-sitepolicy-icons__icon--another:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-family: icons;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  vertical-align: -2px;
  speak: none;
  text-transform: none;
  font-size: 1.5em;
  margin-right: .5em;
  position: absolute;
  top: .2em;
  left: 0
}

.l-legacy .p-p-sitepolicy__sub-section {
  margin-top: 30px
}

.l-legacy .p-faq__header {
  padding-left: 20px;
  margin-bottom: 30px;
  height: 75px;
  line-height: 75px;
  background-color: #c00
}

.l-legacy .p-faq__ttl {
  margin: 0;
  font-size: 30px;
  font-weight: bolder;
  color: #fff
}

.l-legacy .p-faq__list {
  padding-left: 32px;
  border-bottom: 1px solid #ddd
}

.l-legacy .p-faqList__block {
  margin: 0 0 24px
}

.l-legacy .p-faqList__ttl {
  position: relative;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700
}

.l-legacy .p-faqList__ttl:before {
  position: absolute;
  top: 3px;
  left: -30px;
  display: block;
  width: 18px;
  height: 24px;
  background: url(../images/faq/icon_faq_q.png);
  content: ""
}

.l-legacy .p-faqList__description {
  position: relative;
  margin: 0;
  font-size: 14px;
  line-height: 26px
}

.l-legacy .p-faqList__description:before {
  position: absolute;
  top: 3px;
  left: -30px;
  display: block;
  width: 18px;
  height: 24px;
  background: url(../images/faq/icon_faq_a.png);
  content: ""
}

.l-legacy .p-faqList__description>a {
  text-decoration: underline
}

.l-legacy .p-faqGuide__ttl {
  margin: 36px 0 20px;
  font-size: 16px;
  font-weight: 700
}

.l-legacy .p-faqGuide__description>p {
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 26px
}

.l-legacy .p-s-manner__header {
  position: relative
}

.l-legacy .p-s-manner__header>a {
  display: block;
  position: absolute;
  bottom: 31%;
  right: 1%
}

.l-legacy .p-s-manner__header>a>p {
  margin: 0
}

.l-legacy .p-s-manner__header>a>p>span {
  margin: 6px;
  background-color: #fff
}

.l-legacy .p-s-manner__header>a>p>span>i {
  color: #c00
}

.l-legacy .p-s-manner__header>ul {
  position: absolute;
  bottom: 0;
  padding: 0 1% 1%;
  margin: 0 auto;
  width: 100%
}

.l-legacy .p-s-manner__header>ul.five-menu>li {
  width: 19.2%
}

.l-legacy .p-s-manner__header>ul>li {
  float: left;
  margin-right: 1%;
  width: 15.8%;
  cursor: pointer
}

.l-legacy .p-s-manner__header>ul>li:last-child {
  margin: 0
}

.l-legacy .p-s-manner__header>ul>li>a {
  display: block
}

.l-legacy .p-s-manner__header>ul>li>a>img {
  width: 100%;
  opacity: .9
}

.l-legacy .p-s-manner__header>ul>li .p-anchor-links {
  margin-bottom: 0 !important
}

.l-legacy .p-s-manner__header>ul>li .p-anchor-links>a {
  width: 100%;
  font-size: 18px
}

.l-legacy .p-s-manner__header>ul>li .p-anchor-link:before {
  content: none
}

.l-legacy .p-s-manner__header>ul>li .p-anchor-link__marker {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 5px
}

.l-legacy .p-s-manner__description>p {
  margin: 0 auto;
  width: 98%;
  font-size: 14px;
  line-height: 2.28571
}

.l-legacy .p-s-manner__mannerTtl>img {
  width: 100%
}

.l-legacy .p-s-manner__mannerDescription>h3 {
  margin-top: 0;
  border-top: 1px solid #ddd;
  clear: both
}

.l-legacy .p-s-manner__mannerDescription>p {
  font-size: 14px;
  line-height: 2.28571
}

.l-legacy .p-s-manner__mannerDescription>p>img {
  display: block;
  margin: -5px 0 0 10px
}

.l-legacy .p-s-manner__mannerSubDescription {
  width: 48%
}

.l-legacy .p-s-manner__mannerSubDescription>img {
  width: 30%
}

.l-legacy .p-s-manner__mannerSubDescription>.p-s-manner__mannerSubTxt {
  width: 65%
}

.l-legacy .p-s-manner__mannerSubDescription>.p-s-manner__mannerSubTxt>p {
  line-height: 1.71429
}

.l-legacy .p-s-manner__mannerSubTxt>h4 {
  margin: 0
}

.l-legacy .p-s-manner__writeDescription>p {
  font-size: 14px;
  line-height: 2.28571
}

.l-legacy .p-s-manner__writeSubTtl>img {
  display: inline;
  margin-top: -3px
}

.l-legacy .p-s-manner__writeSubTtl>h4 {
  display: inline;
  margin: 0;
  font-size: 16px;
  line-height: 2.25;
  clear: both
}

.l-legacy .p-s-manner__writeSubBlock>p {
  margin: 0;
  font-size: 14px;
  line-height: 1.71429
}

.l-legacy .p-s-manner__writeSubBlock>p>.p-s-manner-bold {
  margin-right: 10px;
  font-weight: 700
}

.l-legacy .p-s-manner__writeLink>i {
  margin-right: 5px;
  cursor: pointer
}

.l-legacy .p-s-manner__exampleBlock {
  width: 100%
}

.l-legacy .p-s-manner__exampleTtl>h2 {
  margin: 0
}

.l-legacy .p-s-manner__exampleSubBlock {
  display: table;
  width: 100%
}

.l-legacy .p-s-manner__exampleDescription {
  display: table-cell;
  border-right: 2px solid #eee
}

.l-legacy .p-s-manner__exampleDescription>h3 {
  font-size: 30px;
  font-weight: bolder;
  line-height: 1.2
}

.l-legacy .p-s-manner__exampleDescription>h3>img {
  margin-right: 10px
}

.l-legacy .p-s-manner__exampleDescription>p {
  margin: 0
}

.l-legacy .p-s-manner__exampleDescription>img {
  bottom: 3%;
  width: 61%
}

.l-legacy .p-s-manner__exampleDescription-intro {
  font-size: 18px;
  line-height: 1.77778
}

.l-legacy .p-s-manner__exampleDescription-body, .l-legacy .p-s-manner__exampleDescription-date {
  font-size: 16px;
  line-height: 2
}

.l-legacy .p-s-manner__templateTtl>h2 {
  margin: 0
}

.l-legacy .p-s-manner__templateList {
  text-align: center
}

.l-legacy .p-s-manner__templateList>li {
  float: left;
  position: relative;
  padding: 2%;
  width: 25%;
  border-right: 2px solid #eee
}

.l-legacy .p-s-manner__templateList>li:nth-child(4n) {
  border-right: none
}

.l-legacy .p-s-manner__templateList>li:nth-child(n+5) {
  border-top: 2px solid #eee
}

.l-legacy .p-s-manner__templateList>li>a>img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .9
}

.l-legacy .p-s-manner__templateLow {
  float: left;
  width: 50%
}

.l-legacy .p-s-manner__templateLow>h3 {
  margin-top: 0;
  font-size: 18px
}

.l-legacy .p-s-manner__templateLow>a>img {
  width: 100%
}

.l-legacy .p-s-manner__replyTtl>h2 {
  margin: 0
}

.l-legacy .p-s-manner__replyDescription>p {
  margin: 0;
  font-size: 14px;
  line-height: 1.71429
}

.l-legacy .p-s-manner__faqTtl>h2 {
  margin: 0
}

.l-legacy .p-s-manner__faqList>li {
  font-size: 18px;
  cursor: pointer
}

.l-legacy .p-s-manner__faqList>li:nth-child(n+2) {
  border-top: 3px solid #eee
}

.l-legacy .p-s-manner__faqAnswer, .l-legacy .p-s-manner__faqQuestion {
  display: table;
  width: 100%
}

.l-legacy .p-s-manner__faqQuestion {
  position: relative
}

.l-legacy .p-s-manner__faqQuestion>img, .l-legacy .p-s-manner__faqQuestion>p {
  display: table-cell;
  vertical-align: middle
}

.l-legacy .p-s-manner__faqAnswer {
  display: none;
  padding: 4% 2%;
  background-color: #fafafa
}

.l-legacy .p-s-manner__faqAnswer>img {
  float: left
}

.l-legacy .p-s-manner__faqAnswer>p {
  float: right;
  margin: 0;
  width: 90%;
  font-size: 14px;
  line-height: 1.57143
}

.l-legacy .p-s-manner__footDescription>img {
  width: 15%
}

.l-legacy .p-s-manner__footDescription>.p-s-manner__btn {
  clear: both
}

.l-legacy .p-s-manner__footProfile-right {
  width: 80%
}

.l-legacy .p-s-manner__footProfile-right>p {
  margin: 0
}

.l-legacy .p-s-manner__footProfile {
  margin-bottom: .5%;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.625
}

.l-legacy .p-s-manner__footProfileTxt {
  font-size: 14px;
  line-height: 1.71429
}

.l-legacy .p-s-manner__footLink>a {
  font-size: 14px
}

.l-legacy .p-s-manner__footWrite-left {
  position: relative;
  width: 57%
}

.l-legacy .p-s-manner__footWrite-left>span {
  position: absolute;
  top: 89px;
  margin-left: 15px;
  font-size: 18px;
  font-weight: 700
}

.l-legacy .p-s-manner__footWrite-left>p {
  margin: 0;
  clear: both
}

.l-legacy .p-s-manner__footWrite-right {
  width: 40%
}

.l-legacy .p-s-manner__footWrite-right>img {
  width: 100%
}

.l-legacy .p-s-manner__anchorList-bottom {
  display: block
}

.l-legacy .p-s-manner__anchorList-bottom.five-menu>li {
  width: 19.62%
}

.l-legacy .p-s-manner__anchorList-bottom>li {
  float: left;
  margin-right: .44%;
  width: 16.3%
}

.l-legacy .p-s-manner__anchorList-bottom>li:last-child {
  margin-right: 0
}

.l-legacy .p-s-manner__anchorList-bottom>li>a {
  padding: 32px 0 13px;
  background: #fff;
  width: 100%;
  display: block;
  position: relative;
  text-align: center
}

.l-legacy .p-s-manner__anchorList-bottom>li>a>.p-anchor-link__marker {
  margin-top: 3%;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center
}

.l-legacy .p-s-manner__btn>a {
  display: block;
  padding: 12px 0;
  margin: 0 auto;
  width: 50%;
  background-color: #0059af
}
.l-legacy .p-s-manner__btn2>a {
  display: block;
  padding: 12px 0;
  margin: 0 auto;
  width: 50%;
  background-color: #0059af
}


.l-legacy .p-s-manner__btn>a>p {
  display: inline-block;
  margin: 0;
  font-size: 18px;
  color: #fff
}

.l-legacy .p-s-manner__btn>a>p:before {
  margin-right: 5px
}

.l-legacy .p-s-manner__copyright>p {
  color: #aaa
}

.l-legacy .p-s-manner__to-top {
  margin: 0;
  background-color: #e9e9e8
}

.l-legacy .p-s-manner__to-top>a>.p-back-to-top__icon {
  margin-left: .5%
}

.l-legacy .p-s-manner-half {
  width: 49.5%
}

.l-legacy .p-s-manner-border-blue {
  border: 2px solid #b7cefa
}

.l-legacy .p-s-manner-border-pink {
  border: 2px solid #fcbee7
}

.l-legacy .p-s-manner-border-green {
  border: 2px solid #bbf5b8
}

.l-legacy .p-s-manner-border-yellow {
  border: 2px solid #f8cf97
}

.l-legacy .p-sp-s-manner-border-green {
  border: 2px solid #bbf5b8
}

.l-legacy .p-sp-s-manner-border-yellow {
  border: 2px solid #f8cf97
}

.l-legacy .p-sp-s-manner__header {
  margin: -4.3% -4.5%;
  background-image: url(/assets_yjp/images/sp/letter/summer/manner/top.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat
}

.l-legacy .p-sp-s-manner__headTtl {
  padding: 8% 4% 4%;
  text-align: center
}

.l-legacy .p-sp-s-manner__headTtl>h1 {
  margin: 0;
  font-size: 20px
}

.l-legacy .p-sp-s-manner__headTtl>p {
  margin: 0
}

.l-legacy .p-sp-s-manner__headTtl>img {
  width: 40%
}

.l-legacy .p-sp-s-manner__headDescription>p {
  font-size: 11px;
  line-height: 1.5625
}

.l-legacy .p-sp-s-manner__headTxt {
  font-size: 10px
}

.l-legacy .p-sp-s-manner__to-bottom {
  display: block;
  font-size: 8px
}

.l-legacy .p-sp-s-manner__to-bottom>p {
  margin: 0
}

.l-legacy .p-sp-s-manner__anchorList>li {
  float: left;
  width: 50%
}

.l-legacy .p-sp-s-manner__anchorList>li:nth-child(n+3) {
  margin-top: 2%
}

.l-legacy .p-sp-s-manner__anchorList>li:nth-child(2n) {
  padding-left: 1%
}

.l-legacy .p-sp-s-manner__anchorList>li:nth-child(2n-1) {
  padding-right: 1%
}

.l-legacy .p-sp-s-manner__anchorList>li>p {
  margin: 0
}

.l-legacy .p-sp-s-manner__mannerTtl>.p-visual>.p-visual__caption>h2 {
  font-size: 20px
}

.l-legacy .p-sp-s-manner__mannerDescription>h3 {
  margin: 0
}

.l-legacy .p-sp-s-manner__mannerDescription>p {
  margin: 0;
  font-size: 11px;
  line-height: 1.5625
}

.l-legacy .p-sp-s-manner__mannerSubDescription>img {
  width: 25%
}

.l-legacy .p-sp-s-manner__mannerSubTxt {
  width: 70%
}

.l-legacy .p-sp-s-manner__mannerSubTxt>h4 {
  margin: 0
}

.l-legacy .p-sp-s-manner__mannerSubTxt>p {
  margin: 0;
  font-size: 11px;
  line-height: 1.5625
}

.l-legacy .p-sp-s-manner__writeTtl>.p-visual>.p-visual__caption>h2 {
  font-size: 20px
}

.l-legacy .p-sp-s-manner__writeDescription>p, .l-legacy .p-sp-s-manner__writeSubBlock>p {
  margin: 0
}

.l-legacy .p-sp-s-manner__writeSubBlock>p>span {
  margin-right: 8px;
  font-weight: 700
}

.l-legacy .p-sp-s-manner__writeSubTtl>img {
  display: inline-block;
  margin-top: -3px;
  width: 18px;
  height: 18px
}

.l-legacy .p-sp-s-manner__writeSubTtl>h4 {
  display: inline-block;
  margin: 0
}

.l-legacy .p-sp-s-manner__writeLink>i {
  margin-left: 5px
}

.l-legacy .p-sp-s-manner__exampleTtl>.p-visual>.p-visual__caption>h2 {
  font-size: 20px
}

.l-legacy .p-sp-s-manner__exampleDescription {
  border-bottom: 3px solid #eee
}

.l-legacy .p-sp-s-manner__exampleDescription>img {
  float: right;
  margin-top: -50px;
  width: 120px
}

.l-legacy .p-sp-s-manner__exampleDescription>h3 {
  margin: 0;
  font-size: 16px;
  font-weight: lighter
}

.l-legacy .p-sp-s-manner__exampleDescription>h3>img {
  margin: 0 10px 10px 0;
  width: 50px
}

.l-legacy .p-sp-s-manner__exampleDescription>p {
  margin: 0
}

.l-legacy .p-sp-s-manner__templateTtl>.p-visual>.p-visual__caption>h2 {
  font-size: 20px
}

.l-legacy .p-sp-s-manner__templateList>li {
  float: left;
  padding: 3%;
  width: 50%
}

.l-legacy .p-sp-s-manner__templateList>li:nth-child(n+3) {
  border-top: 2px solid #eee
}

.l-legacy .p-sp-s-manner__templateList>li:nth-child(2n) {
  border-left: 2px solid #eee
}

.l-legacy .p-sp-s-manner__templateList>li>a {
  display: block
}

.l-legacy .p-sp-s-manner__templateList>li>a>img {
  max-width: 115px
}

.l-legacy .p-sp-s-manner__templateLow>h3 {
  margin: 0
}

.l-legacy .p-sp-s-manner__templateLow>a {
  display: block
}

.l-legacy .p-sp-s-manner__templateLow>a>img {
  width: 100%
}

.l-legacy .p-sp-s-manner__replyTtl>h2 {
  margin: 0;
  font-size: 14px
}

.l-legacy .p-sp-s-manner__replyDescription>p {
  line-height: 2.1875
}

.l-legacy .p-sp-s-manner__replyDescription>.p-sp-s-manner__btn>p {
  width: 100%
}

.l-legacy .p-sp-s-manner__faqTtl>h2 {
  margin: 0;
  font-size: 14px
}

.l-legacy .p-sp-s-manner__faqList>li {
  font-size: 12px
}

.l-legacy .p-sp-s-manner__faqList>li:nth-child(n+2) {
  border-top: 2px solid #eee
}

.l-legacy .p-sp-s-manner__faqQuestion {
  display: table;
  position: relative;
  width: 100%
}

.l-legacy .p-sp-s-manner__faqQuestion>img, .l-legacy .p-sp-s-manner__faqQuestion>p {
  display: table-cell;
  margin: 0;
  vertical-align: middle
}

.l-legacy .p-sp-s-manner__faqQuestion>img {
  width: 26px
}

.l-legacy .p-sp-s-manner__faqQuestion>p {
  padding-right: 40px;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.is-open .l-legacy .p-sp-s-manner__faqQuestion>p {
  white-space: normal
}

.l-legacy .p-sp-s-manner__faqAnswer {
  display: none;
  padding: 4% 2%;
  background-color: #fafafa
}

.l-legacy .p-sp-s-manner__faqAnswer>img, .l-legacy .p-sp-s-manner__faqAnswer>p {
  margin: 0
}

.l-legacy .p-sp-s-manner__faqAnswer>img {
  width: 26px
}

.l-legacy .p-sp-s-manner__faqAnswer>p {
  padding: 0 2%
}

.l-legacy .p-sp-s-manner__footDescription>img {
  width: 30%
}

.l-legacy .p-sp-s-manner__footDescription>p {
  margin: 0
}

.l-legacy .p-sp-s-manner__footDescription>.p-sp-s-manner__btn>p {
  width: 100%
}

.l-legacy .p-sp-s-manner__footProfile {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.94444
}

.l-legacy .p-sp-s-manner__footProfileTxt {
  font-size: 11px;
  line-height: 2.1875;
  text-align: left
}

.l-legacy .p-sp-s-manner__footLink>a {
  font-size: 11px
}

.l-legacy .p-sp-s-manner__footWrite>img {
  max-width: 80%
}

.l-legacy .p-sp-s-manner__footWrite>span {
  display: block;
  font-weight: 700
}

.l-legacy .p-sp-s-manner__footWrite>p {
  margin: 0;
  font-size: 11px;
  line-height: 2.1875
}

.l-legacy .p-sp-s-manner__anchorList-bottom>li {
  float: left;
  margin-top: 2%;
  width: 49%
}

.l-legacy .p-sp-s-manner__anchorList-bottom>li:nth-child(2n-1) {
  margin-right: 1%
}

.l-legacy .p-sp-s-manner__anchorList-bottom>li:nth-child(2n) {
  margin-left: 1%
}

.l-legacy .p-sp-s-manner__anchorList-bottom>li:nth-child(-n+2) {
  margin-top: 0
}

.l-legacy .p-sp-s-manner__btn>a {
  display: block;
  padding: 11px 0;
  margin: 0 auto;
  width: 93%;
  background-color: #0059af
}

.l-legacy .p-sp-s-manner__btn>a>p {
  display: inline-block;
  margin: 0;
  font-size: 11px;
  color: #fff
}

.l-legacy .p-sp-s-manner__btn>a>i {
  color: #fff
}

.l-legacy .p-sp-s-manner__copyright>p {
  font-size: 10px;
  color: #aaa;
  line-height: 2.1875
}

.l-legacy .p-about__body>h2, .l-legacy .p-about__body>p {
  margin: 0
}

.l-legacy .p-about__body>p {
  font-size: 22px;
  line-height: 2.09091
}

.l-legacy .p-about__link-btm {
  display: table
}

.l-legacy .p-about__link-btm a:hover {
  opacity: .8
}

.l-legacy .p-about__link-left, .l-legacy .p-about__link-right {
  display: table-cell;
  width: 50%;
  background-color: #fff
}

.l-legacy .p-about__link-left>span, .l-legacy .p-about__link-right>span {
  display: block;
  position: relative;
  padding-top: 2%
}

.l-legacy .p-about__link-left>span>h3, .l-legacy .p-about__link-right>span>h3 {
  display: inline-block;
  margin: 0;
  font-size: 24px
}

.l-legacy .p-about__link-left>span>i, .l-legacy .p-about__link-right>span>i {
  position: absolute;
  right: 0;
  font-size: 20px
}

.l-legacy .p-about__link-left {
  border-right: 7px solid #eee
}

.l-legacy .p-about__link-right {
  border-left: 7px solid #eee
}

.l-legacy .p-sp-about__body>h2 {
  margin: 0;
  font-size: 18px
}

.l-legacy .p-sp-about__body>p {
  margin: 0;
  font-size: 13px;
  line-height: 1.74359
}

.l-legacy .p-sp-about__link-btm {
  display: table
}

.l-legacy .p-sp-about__link-left, .l-legacy .p-sp-about__link-right {
  display: table-cell;
  width: 50%;
  background-color: #fff
}

.l-legacy .p-sp-about__link-left>span, .l-legacy .p-sp-about__link-right>span {
  display: block
}

.l-legacy .p-sp-about__link-left>span>h3, .l-legacy .p-sp-about__link-right>span>h3 {
  display: inline-block;
  padding: 10px 3px 8px 0;
  margin: 0;
  font-size: 1.75rem;
  line-height: 1.375
}

.l-legacy .p-sp-about__link-left>span>i, .l-legacy .p-sp-about__link-right>span>i {
  font-size: 14px
}

.l-legacy .p-sp-about__link-left {
  border-right: 5px solid #eee
}

.l-legacy .p-sp-about__link-right {
  border-left: 5px solid #eee
}

.l-legacy .p-news__header {
  line-height: 75px;
  height: 75px;
  padding-left: 20px;
  margin-bottom: 15px;
  background: #c00
}

.l-legacy .p-news__ttl {
  margin: 0;
  font-size: 30px;
  color: #fff
}

.l-legacy .p-news__content {
  display: inline-block;
  position: relative;
  padding: 3% 0 3% 1%;
  margin-top: -2px;
  width: 100%;
  background-color: #fff
}

.l-legacy .p-news__content:first-child {
  margin-top: 0
}

.l-legacy .p-news__content:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 1em;
  height: 1em;
  border-color: #ce0500;
  border-style: solid;
  border-width: 2px 2px 0 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}

.l-legacy .p-news__content__date, .l-legacy .p-news__content__text {
  float: left;
  vertical-align: top
}

.l-legacy .p-news__content__date>p, .l-legacy .p-news__content__text>p {
  margin: 0
}

.l-legacy .p-news__content__date {
  width: 140px
}

.l-legacy .p-news__content__date>p {
  text-align: left;
  font-size: 18px
}

.l-legacy .p-news__content__text {
  width: calc(93% - 140px);
  font-size: 16px;
  line-height: 1.9375
}

.l-legacy .p-sp-news__header {
  margin-bottom: 2%;
  text-align: center
}

.l-legacy .p-sp-news__ttl {
  padding: 13px 0;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.66667;
  background-color: #fff
}

.l-legacy .p-sp-news__content {
  display: block;
  position: relative;
  padding: 3%;
  margin-top: 2px;
  width: 100%;
  background-color: #fff
}

.l-legacy .p-sp-news__content:first-child {
  margin-top: 0
}

.l-legacy .p-sp-news__content:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 4%;
  width: 1em;
  height: 1em;
  border-color: #ce0500;
  border-style: solid;
  border-width: 2px 2px 0 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}

.l-legacy .p-sp-news__content__date, .l-legacy .p-sp-news__content__text {
  width: 90%
}

.l-legacy .p-sp-news__content__date>p, .l-legacy .p-sp-news__content__text>p {
  margin: 0;
  font-size: 11px;
  line-height: 1.5625
}

.l-legacy .p-banner-new {
  position: relative
}

.l-legacy .p-banner-new__icon {
  width: 46px !important;
  position: absolute;
  top: 10px;
  right: 10px
}

.l-legacy .p-aiueo-tabs {
  margin: 45px -2px 30px
}

.l-legacy .p-aiueo-tabs .c-tabs {
  border-collapse: separate;
  border-spacing: 4px 0;
  font-size: 2rem
}

.l-legacy .p-area-table {
  font-size: 2rem
}

.l-legacy .p-area-table__row {
  display: table;
  position: relative;
  width: 100%;
  border-bottom: 2px solid #bdbec0;
  padding: 2%
}

.l-legacy .p-area-table__row:hover>* {
  opacity: .7
}

.l-legacy .p-area-table__row:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  border-color: #ce0500;
  border-style: solid;
  border-width: 2px 2px 0 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  right: 2rem
}

.l-legacy .p-area-table__col {
  display: table-cell
}

.l-legacy .p-area-table__col:first-child {
  width: 30%
}

.l-legacy .p-city-table {
  margin-left: -6px;
  margin-right: -6px
}

.l-legacy .p-city-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 6px;
  font-size: 1.6rem
}

.l-legacy .p-city-table th {
  text-align: left;
  font-weight: 700
}

.l-legacy .p-city-table td {
  vertical-align: top
}

.l-legacy .p-city-table td:first-child {
  width: 30%
}

.l-legacy .p-city-table td a {
  display: block;
  position: relative
}

.l-legacy .p-city-table td a:hover {
  opacity: .7
}

.l-legacy .p-city-table td a:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  border-color: #ce0500;
  border-style: solid;
  border-width: 2px 2px 0 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  right: 0
}

.l-legacy .p-city-table td, .l-legacy .p-city-table th {
  padding: 2rem;
  border-bottom: 2px solid #bdbec0
}

.l-legacy .p-postcard {
  position: relative
}

.l-legacy .p-postcard>img {
  width: 100%;
  height: auto
}

.l-legacy .p-postcard__center-item {
  position: absolute;
  width: 440px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: auto
}

.l-legacy .p-postcard__footer {
  zoom: 1;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 4% 2% 2%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#000));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000);
  color: #fff
}

.l-legacy .p-postcard__footer:after {
  content: "";
  display: block;
  clear: both
}

.l-legacy .p-postcard__footer__left, .l-legacy .p-postcard__footer__right {
  float: left;
  width: 50%
}

.l-legacy .p-postcard__footer__right {
  text-align: right
}

.l-legacy .p-prefecture-table {
  width: 100%
}

.l-legacy .p-prefecture-table th {
  font-weight: 700;
  width: 20%;
  text-align: left;
  padding: 1.3rem 0
}

.l-legacy .p-prefecture-table td {
  color: #b9b9b9;
  width: 7%
}

.l-legacy .p-search-result {
  position: relative;
  padding-bottom: 20px;
  text-align: center;
  background-color: #fff;
  padding-top: 10px
}

.l-legacy .p-search-result--glossy {
  background-color: hsla(0, 0%, 100%, .8)
}

.l-legacy .p-search-result__logo {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -30px
}

.l-legacy .p-search-result__zip-code {
  font-weight: 700;
  margin-bottom: 0
}

.l-legacy .p-search-result__city {
  font-size: 1.2em
}

.l-legacy .p-search-result__footer {
  margin: 15px auto 0;
  padding-top: 15px;
  border-top: 1px solid #afb0b3;
  width: 80%
}

.l-legacy .p-search-result__footer a {
  margin-right: 1rem
}

.l-legacy .p-recommend {
  background-color: #faf9f5;
  padding: 0 5%
}

.l-legacy .p-recommend__pref {
  margin: auto;
  width: 664px
}

.l-legacy .p-recommend__pref__img {
  margin-top: 60px
}

.l-legacy .p-recommend__separater {
  background: url(/assets/images/zipcode/sep.png) no-repeat 50%;
  border: 0;
  height: 6px;
  width: 100%
}

.l-legacy .p-recommend__link {
  padding: 60px 0 56px
}

.l-legacy .p-recommend__link__item {
  display: inline-block;
  max-width: 319px;
  width: 45%
}

.l-legacy .p-recommend__link__item:hover {
  opacity: .8
}

.l-legacy .p-recommend__link__item:nth-child(2n) {
  margin-left: 36px
}

.l-legacy .p-recommend-contents-banner {
  margin-top: 5%;
  padding-bottom: 5%;
  border-bottom: 1px solid #dadada
}

.l-legacy .p-recommend-contents-banner .p-banner {
  padding: 0 20px
}

.l-legacy .p-recommend-contents-banner .p-banner .p-banner__image {
  padding-bottom: 8%
}

.l-legacy .p-recommend-contents-banner__each {
  display: block;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-top: 2%;
  position: relative
}

.l-legacy .p-recommend-contents-banner__each:before {
  content: "";
  position: absolute;
  right: 5%;
  top: 50%;
  width: 11px;
  height: 11px;
  background: url(/assets/images/sp/zipcode/arw-circle.png) no-repeat 0 0/11px 11px;
  margin-top: -5px
}

.l-legacy .p-recommend-gnavi-banner:first-child {
  padding-top: 5%
}

.l-legacy .p-recommend-detail {
  background-color: #fff;
  padding: 0 5%
}

.l-legacy .p-recommend-detail:last-child {
  margin-bottom: 5%
}

.l-legacy .p-recommend-detail__each__ttl {
  padding-bottom: 10px;
  border-bottom: 1px solid #bbb
}

.l-legacy .p-recommend-detail__more {
  margin: 32px auto 80px;
  width: 408px
}

.l-legacy .p-hagaki-tamplate-list__item {
  float: left;
  margin-bottom: 3%;
  margin-right: calc((100% - 630px)/2)
}

.l-legacy .p-hagaki-tamplate-list__item>a {
  display: block;
  position: relative
}

.l-legacy .p-hagaki-tamplate-list__item:nth-child(3n) {
  margin-right: 0
}

.l-legacy .p-recommended-products {
  display: table;
  margin-left: -2%;
  overflow: hidden;
  width: 104%
}

.l-legacy .p-recommended-products__each {
  display: table-cell;
  float: left;
  margin: 2% 2% 5%;
  min-height: 420px;
  position: relative;
  width: 46%
}

.l-legacy .p-recommended-products__each__main>h3 span {
  line-height: 1.4;
  margin-right: .75em
}

.l-legacy .p-recommended-products__each__foot {
  margin-top: 20px
}

.l-legacy .p-recommended-products__each__foot>.c-button {
  margin-top: 2%;
  width: 100%;
  font-size: 20px
}

.l-legacy .p-recommended-products__each__foot>.c-button>span {
  float: right;
  position: absolute;
  right: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.l-legacy .p-special-goods {
  width: 100%;
  margin-bottom: 2%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}

.l-legacy .p-special-goods:after {
  content: " ";
  display: block;
  clear: both
}

.l-legacy .p-special-goods__link {
  font-size: 1.6rem
}

.l-legacy .p-special-goods .c-card {
  width: 32.30769%;
  float: left;
  margin-right: 1.53846%
}

.l-legacy .p-special-goods .c-card:last-child {
  margin-right: 0
}

.l-legacy .p-zipcode-form {
  margin: 0 auto
}

.l-legacy .p-zipcode-form--word {
  width: 405px;
  margin: 90px auto 70px
}

.l-legacy .p-zipcode-form--word .p-zipcode-form__field {
  margin-bottom: 80px
}

.l-legacy .p-zipcode-form__field {
  margin: 0;
  padding: 0;
  border: 0
}

.l-legacy .p-zipcode-form__field label {
  display: block;
  margin-bottom: .5rem
}

.l-legacy .p-zipcode-form--horizontal {
  width: 650px
}

.l-legacy .p-zipcode-form--horizontal .p-zipcode-form__field {
  width: 300px;
  display: inline-block;
  float: left
}

.l-legacy .p-zipcode-form--horizontal .p-zipcode-form__field:first-child {
  margin-right: 20px
}

.l-legacy .p-zipcode-form__button {
  margin: 0 auto;
  display: block;
  text-align: center;
  clear: both;
  width: 405px
}

.l-legacy .p-zipcode-form__input {
  width: 100%;
  margin-bottom: .6rem
}

.l-legacy .p-zipcode-form__note {
  position: relative;
  padding-left: 1em
}

.l-legacy .p-zipcode-form__note__mark {
  position: absolute;
  left: 0
}

.l-legacy .p-zipcode-search-box {
  background-color: #fcfcfc;
  margin-bottom: 4%;
  border-radius: 5px;
  padding: 4.5% 2%
}

.l-legacy .p-zipcode-search-box__heading {
  text-align: center;
  margin: 0 0 2rem;
  font-size: 2.6rem
}

.l-legacy .p-zipcode-area-buttons {
  margin-button: 5%;
  text-align: center
}

.l-legacy .p-zipcode-area-buttons .c-button {
  width: 295px;
  margin-right: 50px
}

.l-legacy .p-banner-list {
  max-width: 100%;
  margin: 2% auto
}

.l-legacy .p-banner-list:after {
  content: " ";
  display: block;
  clear: both
}

.l-legacy .p-banner-list .p-banner:last-child {
  margin-right: 0
}

.l-legacy .p-banner-list .p-banner--1of4 {
  width: 24%;
  float: left;
  margin-right: .57511%;
  margin-bottom: .57511%
}

.l-legacy .p-banner-list .p-banner--1of3 {
  width: 32.02614%;
  float: left;
  margin-right: 1.96078%
}

.l-legacy .p-banner-list .p-banner--1of2 {
  width: 48.83721%;
  float: left;
  width: 49%;
  margin-right: 2%
}

.l-legacy .p-banner-list .p-banner--1of1 {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0
}

.l-legacy .p-banner-list .p-banner--6of12 {
  width: 49.61832%;
  float: left;
  margin-right: .76336%
}

.l-legacy .p-banner {
  background-color: #fff;
  overflow: hidden
}

.l-legacy .p-banner a:hover {
  opacity: .8
}

.l-legacy .p-banner__image {
  padding: 8px
}

.l-legacy .p-banner__image img {
  background-color: grey;
  width: 100%
}

.l-legacy .p-banner__body {
  position: relative;
  display: table;
  width: 100%
}

.l-legacy .p-banner__body__text {
  display: table-cell;
  padding: 8px 2.4em 15px 8px;
  vertical-align: top
}

.l-legacy .p-banner__body__text p {
  margin: 0;
  font-size: .9em
}

.l-legacy .p-banner__body__heading {
  font-size: 1em;
  font-weight: 700;
  margin: 0
}

.l-legacy .p-banner__body .icon.-pr-blank {
  position: absolute;
  top: 0;
  right: 8px;
  font-size: 1.6em
}

.l-legacy .p-banner__body .icon-circle {
  position: absolute;
  top: 1em;
  right: 8px
}

.l-legacy .p-flash__ .p-visual__caption {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  top: 0;
  height: 100%
}

.l-legacy .p-flash__-mouhitsu-logo {
  margin: 0;
  text-align: left;
  padding: 0;
  position: relative
}

.l-legacy .p-flash__-mouhitsu-logo img {
  top: 0;
  left: 20%;
  position: absolute;
  margin: 0;
  width: 35%
}

.l-legacy .p-flash__-mouhitsu-guide {
  font-weight: 300;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  width: 100%
}

.l-legacy .p-flash__-mouhitsu-guide h2 {
  color: #000;
  font-size: 15px;
  font-weight: 700;
  margin: 0
}

.l-legacy .p-flash__-mouhitsu-guide p {
  color: #000;
  text-align: center;
  margin: 0 0 10px
}

.l-legacy .p-flash__-mouhitsu-guide p.btn {
  width: 30%;
  margin: 0 auto 5px
}

.l-legacy .p-flash__-mouhitsu-guide p.btn a {
  width: 100%
}

.l-legacy .p-flash__-mouhitsu-guide p.btn img {
  height: auto
}

.l-legacy .p-flash__-mouhitsu-guide p.notice {
  color: #db282d
}

.l-legacy .p-flash__-hanko-logo {
  margin: 20px 0 0 30px;
  text-align: left
}

.l-legacy .p-flash__-hanko-logo img {
  width: 36%;
  max-height: 310px
}

.l-legacy .p-flash__-hanko-guide {
  font-weight: 300;
  font-size: 12px;
  position: absolute;
  bottom: 4%;
  width: 100%
}

.l-legacy .p-flash__-hanko-guide p {
  color: #000;
  text-align: center;
  margin: 0 auto 6px
}

.l-legacy .p-flash__-hanko-guide p.btn {
  width: 30%
}

.l-legacy .p-flash__-hanko-guide p.btn a {
  width: 100%
}

.l-legacy .p-flash__-hanko-guide p.btn img {
  height: auto
}

.l-legacy .p-flash__-hanko-guide p.notice {
  color: #db282d
}

.l-legacy body.hanko .l-content {
  background: url(/assets/images/sp/hanko/hanko-visual.jpg) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  min-height: 583px
}

.l-legacy body.hanko-sec h1 {
  margin-top: 0
}

.l-legacy body.hanko-sec .btn-back, .l-legacy body.hanko-sec h2 {
  text-align: center
}

.l-legacy body.hanko-sec .btn-back img {
  width: 50%
}

.l-legacy .p-sp-flash__-hanko-logo {
  margin: 4% 25% 0;
  width: 50%
}

.l-legacy .p-sp-flash__-hanko-logo img {
  width: 100%
}

.l-legacy .p-sp-flash__-hanko-guide {
  width: 100%;
  padding-bottom: 95%;
  position: relative
}

.l-legacy .p-sp-flash__-hanko-guide p {
  color: #000;
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center
}

.l-legacy .p-sp-flash__-hanko-guide p.lead {
  padding: 5% 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: -28%;
  width: 100%
}

.l-legacy .p-sp-flash__-hanko-guide p.btn {
  width: 68%;
  margin: 32% auto 0
}

.l-legacy .p-sp-flash__-hanko-guide p.btn img {
  width: 100%
}

.l-legacy .p-sp-flash__-hanko-guide .small-btn {
  width: 50%;
  font-weight: 700;
  text-align: center;
  overflow: hidden
}

.l-legacy .p-sp-flash__-hanko-guide .small-btn a {
  height: 8%;
  display: block;
  padding: 6%
}

.l-legacy .p-sp-flash__-hanko-guide .small-btn.left-btn {
  float: left;
  padding: 11% 2% 2% 16%
}

.l-legacy .p-sp-flash__-hanko-guide .small-btn.right-btn {
  float: right;
  padding: 11% 16% 2% 2%
}

.l-legacy .p-sp-flash__-hanko-guide .small-btn.center-btn {
  padding: 11% 2% 2% 0;
  margin: 0 auto
}

.l-legacy .p-sp-flash__-hanko-term span {
  font-size: 16px
}

.l-legacy .p-sp-flash__-hanko-how h2 {
  margin-bottom: -60px
}

.l-legacy .p-sp-flash__-hanko-how h3 {
  padding-top: 60px
}

.l-legacy .p-sp-flash__-hanko-how hr {
  margin-bottom: -60px
}

.l-legacy .p-sp-flash__-hanko-how ol {
  margin: 0;
  padding: 0
}

.l-legacy .p-sp-flash__-hanko-how ol li {
  position: relative;
  padding-top: 30px
}

.l-legacy .p-sp-flash__-hanko-how ol li:first-child {
  padding-top: 0
}

.l-legacy .p-sp-flash__-hanko-how ol li:first-child:before {
  border: none
}

.l-legacy .p-sp-flash__-hanko-how ol li:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -10px;
  border-color: #c00 rgba(0, 0, 0, 0) #000;
  border-style: solid;
  border-width: 15px 10px 0
}

.l-legacy .p-sp-flash__-hanko-how nav {
  margin-bottom: 5px;
  overflow: hidden
}

.l-legacy .p-sp-flash__-hanko-how nav li {
  float: left;
  padding: 5px;
  width: 50%
}

.l-legacy .p-sp-flash__-hanko-how nav li a {
  background-color: #ce0000;
  background-image: url(/assets/images/sp/hanko/how-to-use_arrow.png);
  background-repeat: no-repeat;
  background-position: 95%;
  -webkit-background-size: auto 30%;
  background-size: auto 30%;
  border-radius: 4px;
  color: #fff;
  display: block;
  padding: 20px 10px
}

.l-legacy .p-sp-flash__-hanko-how span {
  color: #c00
}

.l-legacy .p-kamomail__table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px
}

.l-legacy .p-kamomail__table th {
  background: #fff;
  margin-right: 5px;
  padding: 25px 20px;
  text-align: left
}

.l-legacy .p-kamomail__table th:last-child {
  margin-right: 0
}

.l-legacy .p-kamomail__table td {
  margin-right: 5px;
  padding: 25px 20px;
  border-bottom: 2px solid #d5d5d5
}

.l-legacy .p-kamomail__table td:last-child {
  margin-right: 0
}

.l-legacy .p-kamomail__list {
  padding: 20px;
  font-size: 12px
}

.l-legacy .p-kamomail__term {
  border: 3px solid #f7f7f7;
  font-size: 22px;
  padding: 15px 0;
  text-align: center
}

.l-legacy .p-kamomail__term p {
  line-height: 1.5
}

.l-legacy .p-kamomail__term span {
  color: #ce0000;
  font-size: 28px
}

.l-legacy .p-sp-kamomail__large-title {
  line-height: 1.5
}

.l-legacy .p-sp-kamomail__sub-title {
  font-size: 14px
}

.l-legacy .p-sp-kamomail__title {
  margin: 10px 4px 5px;
  padding: 0
}

.l-legacy .p-sp-kamomail__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px;
  padding-bottom: 10px
}

.l-legacy .p-sp-kamomail__table th {
  background: #fff;
  padding: 12px 10px;
  text-align: left
}

.l-legacy .p-sp-kamomail__table th:last-child {
  margin-right: 0
}

.l-legacy .p-sp-kamomail__table td {
  padding: 12px 10px;
  border-bottom: 2px solid #d5d5d5
}

.l-legacy .p-sp-kamomail__table td:last-child {
  margin-right: 0
}

.l-legacy .p-sp-kamomail__list {
  padding: 6px 4px 10px
}

.l-legacy .p-sp-kamomail__term {
  border: 3px solid #f7f7f7;
  font-size: 12px;
  padding: 2px 0;
  text-align: center
}

.l-legacy .p-sp-kamomail__term p {
  line-height: 1.5
}

.l-legacy .p-sp-kamomail__term span {
  color: #ce0000;
  font-size: 14px
}

.l-legacy .p-s-kitte__header {
  position: relative
}

.l-legacy .p-s-kitte__header>a {
  display: block;
  position: absolute;
  bottom: 31%;
  right: 1%
}

.l-legacy .p-s-kitte__header>a>p {
  margin: 0
}

.l-legacy .p-s-kitte__header>a>p>span {
  margin: 6px;
  background-color: #fff
}

.l-legacy .p-s-kitte__header>a>p>span>i {
  color: #c00
}

.l-legacy .p-s-kitte__header>ul {
  position: absolute;
  bottom: 0;
  padding: 0 1% 1%;
  margin: 0 auto;
  width: 100%
}

.l-legacy .p-s-kitte__header>ul>li {
  float: left;
  margin-right: 1%;
  width: 24.2%;
  cursor: pointer
}

.l-legacy .p-s-kitte__header>ul>li:last-child {
  margin: 0
}

.l-legacy .p-s-kitte__header>ul>li>a {
  display: block
}

.l-legacy .p-s-kitte__header>ul>li>a>img {
  width: 100%;
  opacity: .9
}

.l-legacy .p-s-kitte__header>ul>li .p-anchor-links {
  margin-bottom: 0 !important
}

.l-legacy .p-s-kitte__header>ul>li .p-anchor-links>a {
  width: 100%;
  font-size: 18px
}

.l-legacy .p-s-kitte__header>ul>li .p-anchor-link:before {
  content: none
}

.l-legacy .p-s-kitte__header>ul>li .p-anchor-link__marker {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 5px
}

.l-legacy .p-s-kitte__header>ul.p-s-kitte__anchorList--3col>li {
  width: 33.33%;
  padding: 0 .5%;
  margin-right: 0 !important
}

.l-legacy .p-s-kitte__description>p {
  margin: 0 auto;
  width: 98%;
  font-size: 14px;
  line-height: 2.28571
}

.l-legacy .p-s-kitte__titleBd:after {
  background: #c00;
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  margin: 8px 0 0
}

.l-legacy .p-s-kitte__title {
  position: relative;
  padding-bottom: calc(1.9rem - 8px);
  margin-bottom: 0
}

.l-legacy .p-s-kitte__title:after {
  position: absolute;
  width: 2em;
  height: 3px;
  background-color: #c00;
  bottom: 0;
  left: 50%;
  margin-left: -1em
}

.l-legacy .p-s-kitte__caption {
  width: 80%;
  margin: 2% auto
}

.l-legacy .p-s-kitte__caption__link {
  border-bottom: 1px solid;
  cursor: pointer
}

.l-legacy .p-s-kitte__caption__link:hover {
  border-bottom-width: 0
}

.l-legacy .p-s-kitte__pickupBlock {
  background: #fff5f5;
  padding: 38px 48px
}

.l-legacy .p-s-kitte__pickupImg {
  width: 45%;
  padding-right: 40px
}

.l-legacy .p-s-kitte__pickupImg img {
  width: 100%
}

.l-legacy .p-s-kitte__pickupSubDescription {
  width: 55%
}

.l-legacy .p-s-kitte__frameBlock {
  background: #fff;
  padding: 50px 45px
}

.l-legacy .p-s-kitte__frameImg {
  width: 45%;
  padding-right: 60px
}

.l-legacy .p-s-kitte__frameImg img {
  width: 100%
}

.l-legacy .p-s-kitte__frameSubDescription {
  width: 55%
}

.l-legacy .p-s-kitte__list h3 {
  margin-top: 0;
  min-height: 68px
}

.l-legacy .p-s-kitte__list h3.oneLine {
  min-height: auto
}

.l-legacy .p-s-kitte__list li {
  width: 50%;
  padding-bottom: 3%;
  margin-top: 3%
}

.l-legacy .p-s-kitte__list li.has-border {
  border: solid #eee;
  border-width: 0 0 2px
}

.l-legacy .p-s-kitte__list li:first-child, .l-legacy .p-s-kitte__list li:nth-child(2) {
  margin-top: 0
}

.l-legacy .p-s-kitte__list li.u-fl-l {
  padding-right: 15px
}

.l-legacy .p-s-kitte__list li.u-fl-r {
  padding-left: 15px
}

.l-legacy .p-s-kitte__list li.u-c {
  margin: auto
}

.l-legacy .p-s-kitte__list li img {
  width: 100%
}

.l-legacy .p-s-kitte__list p {
  margin: 20px 76px 70px
}

.l-legacy .p-s-kitte__list p>a {
  padding: 15px 0
}

.l-legacy .p-s-kitte__thumbnail {
  cursor: pointer;
  position: relative
}

.l-legacy .p-s-kitte__thumbnail:before {
  background: url(/assets/images/kitte/zoom.png) no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  content: "";
  display: block;
  position: absolute;
  right: 32px;
  top: 32px;
  width: 1px;
  height: 1px;
  opacity: 0;
  -webkit-transition-timing-function: ease;
  -webkit-transition-timing-function-transition-timing-function: ease;
  -webkit-transition-duration: .3s;
  -webkit-transition-duration-transition-duration: .3s
}

.l-legacy .p-s-kitte__thumbnail:hover:before {
  right: 15px;
  top: 15px;
  width: 36px;
  height: 36px;
  opacity: 1
}

.l-legacy .p-s-kitte__list-last p {
  margin: 20px 76px 0
}

.l-legacy .p-s-kitte__trivia>li {
  cursor: pointer;
  float: left;
  width: 33.3%;
  margin: 0 0 40px;
  padding: 0 10px
}

.l-legacy .p-s-kitte__trivia>li img {
  width: 100%;
  margin-bottom: 10px
}

.l-legacy .p-s-kitte__manner {
  margin-bottom: 30px
}

.l-legacy .p-s-kitte__manner>li {
  float: left;
  width: 50%;
  height: 130px;
  margin: 0;
  padding: 0 8px 8px 0;
  position: relative
}

.l-legacy .p-s-kitte__manner>li>span {
  background: url(/assets/images/kitte/icon-manner.png) #fff 25px 50% no-repeat;
  font-size: 20px;
  cursor: pointer;
  padding: 0 0 0 120px;
  width: 448px;
  height: 122px;
  display: table-cell;
  vertical-align: middle
}

.l-legacy .p-s-kitte__manner>li>span:after {
  background: url(/assets/images/kitte/ar-manner.png);
  content: "";
  width: 14px;
  height: 24px;
  top: 50%;
  right: 22px;
  margin-top: -12px;
  position: absolute
}

.l-legacy .p-s-kitte__anchorList-bottom {
  display: block
}

.l-legacy .p-s-kitte__anchorList-bottom>li {
  float: left;
  margin-right: .44%;
  width: 24.66%
}

.l-legacy .p-s-kitte__anchorList-bottom>li:last-child {
  margin-right: 0
}

.l-legacy .p-s-kitte__anchorList-bottom>li>a {
  padding: 42px 0 26px;
  background: #fff;
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
  font-size: 18px
}

.l-legacy .p-s-kitte__anchorList-bottom>li>a>.p-anchor-link__marker {
  margin-top: 3%;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center
}

.l-legacy .p-s-kitte__anchorList-bottom--3col>li {
  width: 33.33%;
  padding: 0 .5%;
  margin-right: 0 !important
}

.l-legacy .p-s-kitte__btn {
  background-color: #666;
  color: #fff;
  margin-top: 28px;
  font-size: 18px
}

.l-legacy .p-s-kitte__btn>a {
  display: block;
  padding: 12px;
  margin: 0 auto;
  color: #fff;
  background-color: #c00
}

.l-legacy .p-s-kitte__btn>a:before {
  margin-right: 10px
}

.l-legacy .p-s-kitte__btn>span {
  font-size: 14px;
  padding: 12px;
  display: block
}

.l-legacy .p-s-kitte__btn.btn-w {
  width: 365px;
  margin: 28px auto 0
}

.l-legacy .p-s-kitte__btn.ft_btn {
  margin: 0 auto;
  width: 335px
}

.l-legacy .p-s-kitte__to-top {
  margin: 0;
  background-color: #e9e9e8
}

.l-legacy .p-s-kitte__to-top>a>.p-back-to-top__icon {
  margin-left: .5%
}

.l-legacy .p-s-kitte__modal {
  width: 580px;
  overflow: hidden;
  margin: 0 auto;
  text-align: left
}

.l-legacy .p-s-kitte__modal .u-fl-l {
  margin: 0 0 5%
}

.l-legacy .p-s-kitte__modal .u-fl-r {
  margin-bottom: 5%
}

.l-legacy .p-s-kitte__modal .u-fl-r p {
  width: 280px;
  margin: 0 0 2%
}

.l-legacy .p-s-kitte__modal .u-fl-r p span {
  font-size: 12px
}

.l-legacy .p-s-kitte__modal__buttons {
  clear: both;
  margin-top: 40px;
  text-align: center
}

.l-legacy .p-s-kitte__modal__buttons a {
  width: 280px
}

.l-legacy .p-s-kitte__modal__buttons a:before {
  padding-right: 10px
}

.l-legacy .p-s-kitte__modal__buttons a.is-disabled {
  width: auto;
  padding-left: 2em;
  padding-right: 2em
}

.l-legacy .p-s-kitte__modal__buttons span {
  background: #666;
  color: #fff;
  clear: both;
  display: block;
  padding: 10px 20px;
  width: 360px;
  margin: 20px auto 0
}

.l-legacy .p-s-kitte__modal__sns-links {
  width: 240px;
  margin: 60px auto 20px
}

.l-legacy .dog-ear {
  background: url(/assets/images/kitte/dog-ear.gif) 100% 0 no-repeat
}

.l-legacy .p-sp-s-kitte__header {
  margin: -4.3% -4.5% 0;
  background-image: url(/assets/images/sp/kitte/top.jpg);
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat
}

.l-legacy .p-sp-s-kitte__headTtl {
  padding: 8% 4% 4%;
  text-align: center
}

.l-legacy .p-sp-s-kitte__headTtl>h1 {
  margin: 0;
  font-size: 20px
}

.l-legacy .p-sp-s-kitte__headTtl>p {
  margin: 0
}

.l-legacy .p-sp-s-kitte__headTtl>img {
  width: 40%
}

.l-legacy .p-sp-s-kitte__headDescription>p {
  font-size: 11px;
  line-height: 1.5625
}

.l-legacy .p-sp-s-kitte__headTxt {
  font-size: 10px
}

.l-legacy .p-sp-s-kitte__to-bottom {
  display: block;
  font-size: 8px
}

.l-legacy .p-sp-s-kitte__to-bottom>p {
  margin: 0
}

.l-legacy .p-sp-s-kitte__anchorList>li {
  float: left;
  width: 50%;
  margin-top: 2%
}

.l-legacy .p-sp-s-kitte__anchorList>li img {
  width: 100%
}

.l-legacy .p-sp-s-kitte__anchorList>li:nth-child(2n) {
  padding-left: 1%
}

.l-legacy .p-sp-s-kitte__anchorList>li:nth-child(2n-1) {
  padding-right: 1%
}

.l-legacy .p-sp-s-kitte__anchorList>li>a {
  background: #fff
}

.l-legacy .p-sp-s-kitte__anchorList>li>p {
  margin: 0
}

.l-legacy .p-sp-s-kitte__anchorList--3col {
  margin: 0 -.5%
}

.l-legacy .p-sp-s-kitte__anchorList--3col>li {
  width: 33.33%;
  padding: 0 .5% !important
}

.l-legacy .p-sp-s-kitte__titleBd:after {
  background: #c00;
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  margin: 8px 0 0
}

.l-legacy .p-sp-s-kitte__titleh3 {
  font-size: 18px;
  font-weight: lighter;
  margin: 4% 0 1.9rem;
  position: relative
}

.l-legacy .p-sp-s-kitte__titleh3:after {
  position: absolute;
  width: 2em;
  height: 3px;
  background-color: #c00;
  bottom: -8px;
  left: 50%;
  margin-left: -1em
}

.l-legacy .p-sp-s-kitte__whiteBlock {
  margin-bottom: 20px
}

.l-legacy .p-sp-s-kitte__pinkBlock {
  background: #fff5f5;
  padding: 6%
}

.l-legacy .p-sp-s-kitte__pinkBlock>p {
  text-align: left
}

.l-legacy .p-sp-s-kitte__pinkBlock>h3 {
  text-align: center
}

.l-legacy .p-sp-s-kitte__list {
  height: 100%
}

.l-legacy .p-sp-s-kitte__list>li {
  float: left;
  width: 50%;
  height: 100%;
  padding-bottom: 3%;
  margin-top: 3%;
  position: relative
}

.l-legacy .p-sp-s-kitte__list>li:first-child, .l-legacy .p-sp-s-kitte__list>li:nth-child(2) {
  margin-top: 0
}

.l-legacy .p-sp-s-kitte__list>li.-single {
  float: none
}

.l-legacy .p-sp-s-kitte__list>li h3 {
  margin-bottom: 5%;
  margin-top: 0;
  text-align: left;
  display: block;
  font-size: 1.3rem;
  min-height: 38px
}

.l-legacy .p-sp-s-kitte__list>li h3.oneLine {
  min-height: 18px
}

.l-legacy .p-sp-s-kitte__list>li img {
  width: 100%
}

.l-legacy .p-sp-s-kitte__list>li.u-fl-l {
  clear: both;
  padding-right: 1%
}

.l-legacy .p-sp-s-kitte__list>li.u-fl-r {
  padding-left: 1%
}

.l-legacy .p-sp-s-kitte__list>li.has-border {
  padding-bottom: 4%;
  border: solid #eee;
  border-width: 0 0 1px
}

.l-legacy .p-sp-s-kitte__list>li.u-c {
  margin: auto
}

.l-legacy .p-sp-s-kitte__trivia>li {
  float: left;
  text-align: left;
  width: 50%;
  padding-bottom: 4%
}

.l-legacy .p-sp-s-kitte__trivia>li.left {
  padding-right: 1%
}

.l-legacy .p-sp-s-kitte__trivia>li.right {
  padding-left: 1%
}

.l-legacy .p-sp-s-kitte__trivia>li img {
  margin-bottom: 1%
}

.l-legacy .p-sp-s-kitte__manner {
  margin-bottom: 30px
}

.l-legacy .p-sp-s-kitte__manner>li {
  margin: 0 0 2%;
  padding: 0
}

.l-legacy .p-sp-s-kitte__manner>li>span {
  background: url(/assets/images/kitte/icon-manner.png) #fff 4% 50% no-repeat;
  -webkit-background-size: auto 75%;
  background-size: auto 75%;
  font-size: 12px;
  padding: 5% 0 5% 18%;
  width: 100%;
  position: relative;
  display: block;
  text-align: left
}

.l-legacy .p-sp-s-kitte__manner>li>span:after {
  background: url(/assets/images/kitte/ar-manner.png);
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  content: "";
  width: 8px;
  height: 14px;
  top: 50%;
  right: 5%;
  margin-top: -7px;
  position: absolute
}

.l-legacy .p-sp-s-kitte__anchorList-bottom>li {
  float: left;
  margin-top: 2%;
  width: 50%
}

.l-legacy .p-sp-s-kitte__anchorList-bottom>li:nth-child(2n) {
  padding-left: 1%
}

.l-legacy .p-sp-s-kitte__anchorList-bottom>li:nth-child(2n-1) {
  padding-right: 1%
}

.l-legacy .p-sp-s-kitte__anchorList-bottom>li img {
  width: 100%
}

.l-legacy .p-sp-s-kitte__anchorList-bottom--3col {
  margin: 0 -.5%
}

.l-legacy .p-sp-s-kitte__anchorList-bottom--3col>li {
  width: 33.33%;
  padding: 0 .5% !important
}

.l-legacy .p-sp-s-kitte__btn {
  background: #666;
  margin-bottom: 0
}

.l-legacy .p-sp-s-kitte__btn>a {
  color: #fff;
  display: block;
  padding: 11px 0;
  margin: 0 auto;
  width: 100%;
  background-color: #ce0000
}

.l-legacy .p-sp-s-kitte__btn>a>p {
  display: inline-block;
  margin: 0;
  font-size: 11px;
  color: #fff
}

.l-legacy .p-sp-s-kitte__btn>a>i {
  color: #fff
}

.l-legacy .p-sp-s-kitte__btn>a>i:before {
  padding-left: 5px
}

.l-legacy .p-sp-s-kitte__btn>span {
  color: #fff;
  display: block;
  padding: 10px 0
}

.l-legacy .p-sp-s-kitte__kitteBlock.pickupBlock {
  position: relative
}

.l-legacy .p-sp-s-kitte__kitteBlock.pickupBlock:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-color: #eee #eee #ffcfce #ffcfce;
  border-style: solid;
  border-width: 0 30px 30px 0;
  background: #ffcfce
}

.l-legacy .p-sp-s-kitte__modal {
  overflow: hidden;
  margin: 0 auto;
  text-align: left
}

.l-legacy .p-sp-s-kitte__modal__buttons {
  clear: both;
  margin-top: 20px;
  text-align: center
}

.l-legacy .p-sp-s-kitte__modal__buttons a {
  width: 100%
}

.l-legacy .p-sp-s-kitte__modal__buttons a:before {
  padding-right: 10px
}

.l-legacy .p-sp-s-kitte__modal__buttons span {
  background: #666;
  color: #fff;
  display: block;
  padding: 10px 20px;
  width: 100%;
  margin: 20px auto 0
}

.l-legacy .p-sp-s-kitte__modal__sns-links {
  margin: 30px auto 20px
}

.l-legacy .p-download-icon {
  background-color: hsla(0, 0%, 78%, .8);
  bottom: 0;
  color: #fff;
  display: none;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0
}

.l-legacy .p-download-icon .icon {
  font-size: 5rem;
  line-height: 1;
  display: inline-block;
  margin-top: 50%
}

.l-legacy .p-word-search__field {
  position: relative;
  margin: 0 auto;
  padding: 0;
  border: 0;
  width: 90%
}

.l-legacy .p-word-search__box {
  width: 100%
}

.l-legacy .p-word-search__button {
  color: #fff;
  line-height: 1;
  cursor: pointer;
  position: absolute;
  width: 26px;
  height: 26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  border-radius: 50%;
  background-color: #ce0500;
  right: 10px
}

.l-legacy .p-word-search__button:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-family: icons;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  vertical-align: -2px;
  speak: none;
  text-transform: none;
  position: absolute;
  top: 6px;
  left: 6px
}

.l-legacy .p-quick-search-gallery {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  font-size: 0
}

.l-legacy .p-quick-search-gallery:after {
  content: " ";
  display: block;
  clear: both
}

.l-legacy .p-quick-search-gallery--wrapping {
  margin-top: 25px;
  margin-bottom: 25px
}

.l-legacy .p-quick-search-gallery__item {
  text-align: center;
  display: inline-block;
  margin-top: 1.31579%;
  width: 13.15789%;
  margin-right: 1.31579%
}

.l-legacy .p-quick-search-gallery__item:nth-of-type(7n) {
  margin-right: 0
}

.l-legacy .p-quick-search-gallery__item img {
  margin: auto
}

.l-legacy .p-quick-search-gallery__item a {
  position: relative;
  display: inline-block
}

.l-legacy .p-quick-search-gallery__item--hdk a:before {
  content: url(/assets/images/search/templates/star.svg);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.l-legacy .p-quick-search-caption__heading {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 500
}

.l-legacy .p-quick-search-caption__heading em {
  font-size: 1.4rem;
  display: block;
  font-style: normal
}

.l-legacy .p-quick-search-caption__description {
  margin: 3px 0
}

.l-legacy .p-quick-search-categories {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}

.l-legacy .p-quick-search-categories:after {
  content: " ";
  display: block;
  clear: both
}

.l-legacy .p-quick-search-categories__item {
  width: 32.82443%;
  float: left;
  margin-top: .76336%
}

.l-legacy .p-quick-search-categories__item:nth-child(3n+1) {
  margin-right: -100%;
  clear: both;
  margin-left: 0
}

.l-legacy .p-quick-search-categories__item:nth-child(3n+2) {
  margin-left: 33.58779%;
  margin-right: -100%;
  clear: none
}

.l-legacy .p-quick-search-categories__item:nth-child(3n+3) {
  margin-left: 67.17557%;
  margin-right: -100%;
  clear: none
}

.l-legacy .p-quick-search-categories__item a:hover {
  opacity: .8
}

.l-legacy .p-quick-search-categories__item__heading {
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0 0 3.8rem
}

.l-legacy .p-quick-search-categories__item__image {
  text-align: center
}

.l-legacy .p-quick-search-categories__item__image img {
  width: 100%
}

.l-legacy .p-quick-search-sp-sample {
  display: block;
  position: relative;
  margin-bottom: 5%
}

.l-legacy .p-quick-search-sp-sample__link {
  position: absolute;
  left: 1.3rem
}

.l-legacy .p-quick-search-sp-sample img {
  width: 100%
}

.l-legacy .p-quick-search-link-card {
  margin-bottom: 5%
}

.l-legacy .p-quick-search-link-card .c-heading3 {
  margin: 0
}

.l-legacy .p-quick-search-link-card__image img {
  width: 100%
}

.l-legacy .p-quick-search-link-card__image--stamp {
  padding: 15px 0
}

.l-legacy .p-quick-search-header {
  background-color: #ffecd7;
  text-align: center;
  position: relative;
  padding: 15px 8px 10px
}

.l-legacy .p-quick-search-header:after, .l-legacy .p-quick-search-header:before {
  position: absolute;
  top: 15px
}

.l-legacy .p-quick-search-header:before {
  content: url(/assets/images/search/templates/header-left.png);
  left: 8px
}

.l-legacy .p-quick-search-header:after {
  content: url(/assets/images/search/templates/header-right.png);
  right: 8px
}

.l-legacy .p-quick-search-header__heading {
  font-size: 3.4rem;
  font-weight: 300
}

.l-legacy .p-quick-search-header__cation {
  font-size: 1.6;
  line-height: 1.5
}

.l-legacy .p-quick-search-header__star {
  color: #ce0500;
  font-size: 1.25em
}

.l-legacy .p-quick-search-header__nav {
  margin-top: 45px
}

.l-legacy .p-quick-search-nav__item {
  width: 19.18736%;
  margin-left: .90293%;
  height: 90px;
  padding-top: 0;
  vertical-align: middle;
  font-size: 1.8rem;
  line-height: 1.1111
}

.l-legacy .p-quick-search-nav__item span {
  display: block;
  position: absolute;
  bottom: 50%;
  width: 100%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%)
}

.l-legacy .p-quick-search-nav__item:nth-of-type(n+6) {
  margin-top: 8px
}

.l-legacy .p-quick-search-nav__item:first-of-type, .l-legacy .p-quick-search-nav__item:nth-of-type(6n) {
  margin-left: 0
}

.l-legacy .p-quick-search-nav__item:before {
  color: #ce0500;
  border-right-width: 2px;
  border-bottom-width: 2px;
  bottom: .6em
}

.l-legacy .p-quick-search-nav__item--direction-up:before {
  border-width: 2px 0 0 2px;
  bottom: auto;
  top: .6em
}

.l-legacy .p-quick-search-back-to-top {
  background-color: #e8e8e7;
  text-align: center;
  padding: .8em;
  font-size: 1.3rem;
  margin-bottom: 30px
}

.l-legacy .p-quick-search-how {
  background-color: #fbfcfb;
  margin-bottom: 5%;
  padding: 40px
}

.l-legacy .p-quick-search-how .c-heading2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px
}

.l-legacy .p-quick-search-how__steps {
  padding-left: 0;
  display: table;
  table-layout: fixed;
  width: 100%
}

.l-legacy .p-quick-search-how__steps__step {
  display: table-cell
}

.l-legacy .p-quick-search-how__steps__step__text {
  margin: 20px;
  text-align: center
}

.l-legacy .p-quick-search-how-pc {
  margin: 0;
  font-size: 12px
}

.l-legacy .p-quick-search-how-sp {
  margin: 0;
  font-size: 8px
}

.l-legacy .p-quick-search-wdk {
  padding: 30px 20px;
  background: #fff;
  margin-bottom: 60px
}

.l-legacy .p-quick-search-wdk__heading {
  font-weight: 700;
  font-size: 2.6rem;
  color: #ce0500;
  text-align: center;
  margin: 0 0 30px
}

.l-legacy .p-quick-search-wdk__description {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 40px
}

.l-legacy .p-quick-search-wdk__methods {
  zoom: 1;
  margin-bottom: 45px
}

.l-legacy .p-quick-search-wdk__methods:after {
  content: "";
  display: block;
  clear: both
}

.l-legacy .p-quick-search-wdk__method {
  float: left;
  width: calc(50% - 10px)
}

.l-legacy .p-quick-search-wdk__method:first-child {
  margin-right: 20px
}

.l-legacy .p-quick-search-wdk__method__title {
  font-weight: 700;
  font-size: 2rem;
  color: #ce0500;
  text-align: center;
  margin-bottom: .5em
}

.l-legacy .p-quick-search-wdk__method__image {
  border-radius: 15px;
  width: 100%;
  margin-bottom: .5em
}

.l-legacy .p-quick-search-wdk__method__description {
  font-size: 1.6rem
}

.l-legacy .p-quick-search-wdk__buttons {
  text-align: center
}

.l-legacy .p-quick-search-wdk__button {
  padding: 20px 60px;
  border-radius: 5px;
  font-size: 2rem
}

.l-legacy .p-breadcrump {
  margin: 0 auto 20px
}

.l-legacy .p-breadcrump__item {
  display: inline-block;
  margin-right: 10px
}

.l-legacy .p-breadcrump__item:after {
  margin-left: 10px;
  content: ">"
}

.l-legacy .p-breadcrump__item:last-child:after {
  content: none
}

.l-legacy .p-alert {
  border: 1px solid #ce0500;
  color: #ce0500;
  text-align: center;
  margin-top: 0;
  font-size: 1.6rem;
  padding: 2%
}

.l-legacy .p-pr__catch {
  margin-bottom: 3%;
  text-align: center
}

.l-legacy .p-pr__catch__text {
  margin: 0;
  font-size: 1.8rem;
  line-height: 2.22222
}

.l-legacy .p-pr__box {
  width: 95%;
  background: #fff;
  padding: 4%;
  margin: 0 auto 3%;
  font-family: Noto Sans Japanese, Helvetica, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif
}

.l-legacy .p-pr__list .p-pr__list__item {
  display: table;
  margin-bottom: 4%;
  border: 1px solid #eee
}

.l-legacy .p-pr__list .p-pr__list__item:last-child {
  margin-bottom: 0
}

.l-legacy .p-pr__list .p-pr__list__picture {
  width: 35.7%;
  display: table-cell
}

.l-legacy .p-pr__list .p-pr__list__picture>img {
  display: block;
  width: 100%;
  margin: 0
}

.l-legacy .p-pr__list .p-pr__list__picture>a {
  display: block
}

.l-legacy .p-pr__list .p-pr__list__picture>a:hover {
  opacity: .8
}

.l-legacy .p-pr__list .p-pr__list__picture .p-pr__list__btn {
  display: block;
  margin: 0;
  font-size: 20px;
  background: #f0922c;
  color: #fff;
  text-align: center;
  font-size: 1.3rem;
  padding: 1.4%
}

.l-legacy .p-pr__list .p-pr__list__picture .p-pr__list__btn .icon {
  right: 2rem
}

.l-legacy .p-pr__list .p-pr__list__picture.furusato-pr-pic {
  width: 23%
}

.l-legacy .p-pr__list .p-pr__list__picture.furusato-pr-pic img {
  width: 100%
}

.l-legacy .p-pr__list .p-pr__list__body {
  display: table-cell;
  width: 64.3%;
  vertical-align: top;
  padding: 2.5%;
  border-right: 1px solid #eee
}

.l-legacy .p-pr__list .p-pr__list__body__title {
  font-weight: 700;
  font-size: inherit;
  margin: 0
}

.l-legacy .p-pr__list .p-pr__list__body__title.furusato-pr-title {
  font-size: 20px;
  line-height: 1.6
}

.l-legacy .p-pr__list .p-pr__list__body__title.furusato-pr-title>.c-badge {
  display: block;
  font-size: 18px;
  font-weight: 400
}

.l-legacy .p-pr__list .p-pr__list__body__title.furusato-pr-title>span {
  float: left;
  vertical-align: middle
}

.l-legacy .p-pr__list .p-pr__list__body__price {
  font-weight: 700;
  font-size: inherit;
  margin: 0
}

.l-legacy .p-pr__list .p-pr__list__body__catch {
  color: #393939;
  font-size: 1.7rem;
  font-family: ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, 游明朝, YuMincho, ＭＳ\ Ｐ明朝, ＭＳ\ 明朝, serif;
  margin: .5em 0
}

.l-legacy .p-pr__list .p-pr__list__body__description {
  margin: 0
}

.l-legacy .p-pr__copy {
  margin: 0 auto;
  width: 95%;
  text-align: right
}

.l-legacy .p-pr__copy__text {
  margin: 0;
  font-size: 1.2rem;
  color: #bbb;
  line-height: 1.66667
}

.l-legacy .p-sp-pr__unit {
  padding: 4%;
  background-color: #fff
}

.l-legacy .p-sp-pr__catch {
  text-align: center
}

.l-legacy .p-sp-pr__catch__text {
  margin: 1% 0 5%;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25
}

.l-legacy .p-sp-prBox {
  margin-bottom: 5%;
  border: 1px solid #eee;
  display: table
}

.l-legacy .p-sp-prBox:last-child {
  margin-bottom: 0
}

.l-legacy .p-sp-pr__items {
  display: table-cell;
  vertical-align: top
}

.l-legacy .p-sp-pr__items img {
  width: 100%;
  vertical-align: bottom
}

.l-legacy .p-sp-pr__items.is-words {
  width: 61.85%
}

.l-legacy .p-sp-pr__btn {
  display: block;
  padding: 6% 0;
  text-align: center
}

.l-legacy .p-sp-pr__btn__txt {
  margin: 0;
  font-size: 12px;
  color: #fff
}

.l-legacy .p-sp-pr__btn__txt>span {
  margin-right: 3%
}

.l-legacy .p-sp-pr__info {
  padding: 4%
}

.l-legacy .p-sp-pr__ttl {
  font-size: 1.226rem;
  line-height: 1.5;
  text-align: left;
  margin: 6% 0 2%
}

.l-legacy .p-sp-pr__txt {
  font-size: 1.226rem;
  line-height: 1.64286;
  text-align: left;
  margin: 0
}

.l-legacy .p-sp-pr__txt.fm-mincho {
  font-family: ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, 游明朝, YuMincho, ＭＳ\ Ｐ明朝, ＭＳ\ 明朝, serif
}

.l-legacy .p-sp-pr__copy {
  margin: 2% 0
}

.l-legacy .p-sp-pr__copy__text {
  font-size: 8px;
  color: #bbb;
  line-height: 1.66667;
  text-align: right;
  margin: 0
}

.l-legacy .p-sp-pr__recoList>li {
  margin-bottom: 2%;
  width: 100%;
  border: 1px solid #eee
}

.l-legacy .p-sp-pr__recoList__ttl {
  padding: 3% 3% 0
}

.l-legacy .p-sp-pr__recoList__ttl__price {
  font-weight: 700
}

.l-legacy .p-sp-pr__recoList__ttl>h4 {
  font-size: 16px;
  margin: 0 0 .5em
}

.l-legacy .p-sp-pr__recoList__ttl>h4>span {
  float: left
}

.l-legacy .p-sp-pr__recoList__ttl>h4>.c-badge {
  font-size: 14px;
  font-weight: 400;
  background-color: #cbcbcb
}

.l-legacy .p-sp-pr__recoList__body {
  display: table;
  padding: 0 3% 3%;
  width: 100%;
  table-layout: fixed
}

.l-legacy .p-sp-pr__recoList__pic {
  display: table-cell;
  width: 30%;
  vertical-align: top
}

.l-legacy .p-sp-pr__recoList__pic>img {
  display: block
}

.l-legacy .p-sp-pr__recoList__txt {
  display: table-cell;
  width: 70%;
  vertical-align: top
}

.l-legacy .p-sp-pr__recoList__txt>p {
  margin: 0;
  font-size: 11px
}

.l-legacy .p-sp-pr__recoList__btn {
  margin: 0;
  font-size: 11px;
  color: #fff;
  text-align: center;
  background: #cbcbcb
}

.l-legacy .p-ochugen-scene-case-number {
  font-weight: 700;
  background-color: #ef922c;
  vertical-align: middle;
  border-radius: 100px;
  display: inline-block;
  font-size: 2rem;
  line-height: 6em;
  width: 120px;
  height: 120px;
  margin-right: 20px
}

.l-legacy .p-ochugen-scene-case {
  display: inline-block;
  vertical-align: middle;
  font-size: 3.2rem;
  text-align: left
}

.l-legacy .p-ochugen-scene-hero {
  font-size: 3.4rem
}

.l-legacy .p-ochugen-scene-hero__cap {
  font-size: 2rem;
  display: block
}

.l-legacy .p-ochugen-scene-paragraph {
  margin-top: 3rem;
  margin-bottom: 7.5rem;
  font-size: 1.7rem;
  padding: 0 2rem
}

.l-legacy .p-gift-manner-link {
  position: relative;
  display: inline-block
}

.l-legacy .p-gift-manner-link:after {
  content: "";
  height: 1px;
  background: #959595;
  width: 100%;
  position: absolute;
  bottom: -2px;
  display: block;
  border-bottom: 1px solid silver;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.l-legacy .p-gift-manner-paragraph {
  margin-top: 3rem;
  font-weight: 500;
  color: #3c3c3c;
  font-size: 1.7rem;
  padding: 0 2rem;
  margin-bottom: 7.5rem
}

.l-legacy .p-gift-manner-questions__heading {
  text-align: center;
  font-size: 3.2rem;
  font-weight: 300;
  margin: 4.5rem 0
}

.l-legacy .p-gift-manner-questions__heading__image {
  display: block
}

.l-legacy .p-gift-manner-questions--time .p-gift-manner-question, .l-legacy .p-gift-manner-questions--time .p-gift-manner-questions__heading {
  color: #7a2b50
}

.l-legacy .p-gift-manner-questions--gift .p-gift-manner-question, .l-legacy .p-gift-manner-questions--gift .p-gift-manner-questions__heading {
  color: #0d46a0
}

.l-legacy .p-gift-manner-questions--how .p-gift-manner-question, .l-legacy .p-gift-manner-questions--how .p-gift-manner-questions__heading {
  color: #c2185b
}

.l-legacy .p-gift-manner-question {
  position: relative;
  padding: .5em 1em;
  background-color: #fff;
  color: #3c3c3c;
  display: inline-block;
  margin: 0 0 0 18px;
  font-size: 2rem;
  font-weight: 500;
  border-radius: 20px
}

.l-legacy .p-gift-manner-question:before {
  content: "";
  display: inline-block;
  position: absolute;
  border: 3px solid rgba(0, 0, 0, 0);
  border-right: 15px solid #fff;
  left: -18px;
  top: 50%
}

.l-legacy .p-gift-manner-answer {
  font-weight: 500;
  color: #3c3c3c;
  margin: 3% 0;
  padding-left: 9rem;
  font-size: 1.7rem
}

.l-legacy .p-gift-manner-answer a {
  border-bottom: 1px solid
}

.l-legacy .p-gift-manner-answer a:hover {
  border-bottom-width: 0
}

.l-legacy .p-gift-manner-tips {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px
}

.l-legacy .p-gift-manner-tips:after {
  content: " ";
  display: block;
  clear: both
}

.l-legacy .p-gift-manner-tips__col {
  width: 50%;
  float: left
}

.l-legacy .p-gift-manner-tips__heading {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 20px
}

.l-legacy .p-gift-manner-tips__heading__small {
  font-size: 62.5%
}

.l-legacy .p-gift-manner-tips__heading__note {
  font-size: 37.5%;
  display: block;
  margin-top: .5em
}

.l-legacy .p-gift-manner-tips__paragraph {
  font-size: 1.7rem;
  font-weight: 500;
  color: #3c3c3c;
  line-height: 1.823529412;
  padding-right: 15px
}

.l-legacy .p-gift-manner-tips__paragraph__note {
  display: block;
  margin-top: 1em;
  font-size: 10px
}

.l-legacy .p-gift-manner-tips--thanks-note .p-gift-manner-tips__col:first-of-type {
  width: 48%
}

.l-legacy .p-gift-manner-tips--thanks-note .p-gift-manner-tips__col:last-of-type {
  width: 52%;
  margin-top: -5px
}

.l-legacy .p-gift-manner-tips--thanks-note-winter .p-gift-manner-tips__col:first-of-type {
  width: 62%
}

.l-legacy .p-gift-manner-tips--thanks-note-winter .p-gift-manner-tips__col:last-of-type {
  width: 38%;
  margin-top: -5px;
  text-align: right
}

.l-legacy .p-gift-manner-tips--choice-stamp {
  margin-top: 40px
}

.l-legacy .p-gift-manner-tips--choice-stamp-winter .l-legacy .p-gift-manner-tips__col:first-child {
  width: 53%
}

.l-legacy .p-gift-manner-tips--choice-stamp-winter .l-legacy .p-gift-manner-tips__col:last-child {
  width: 47%
}

.l-legacy .p-gift-manner-tips--pen {
  margin-top: 75px
}

.l-legacy .p-gift-manner-tips--kamome {
  margin-top: 80px
}

.l-legacy .p-gift-manner-buttons {
  margin-top: 40px;
  text-align: center
}

.l-legacy .p-gift-manner-buttons .c-button {
  width: 407px
}

.l-legacy .p-gift-manner-buttons .c-button--full {
  width: 100%
}

.l-legacy .p-gift-manner-buttons--2 .c-button {
  width: 296px
}

.l-legacy .p-gift-manner-buttons--2 .c-button:first-of-type {
  margin-right: 50px
}

.l-legacy .p-gift-manner-profile-container {
  padding: 0 2%
}

.l-legacy .p-gift-manner-profile {
  background-color: #fff;
  display: table;
  table-layout: fixed;
  margin: 0 auto;
  padding: 35px 40px
}

.l-legacy .p-gift-manner-profile__icon {
  display: table-cell;
  vertical-align: top;
  width: 13.97%
}

.l-legacy .p-gift-manner-profile__text {
  display: table-cell
}

.l-legacy .p-gift-manner-profile__name {
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 1rem
}

.l-legacy .p-gift-manner-profile__title {
  font-size: 1.4rem;
  font-weight: 700
}

.l-legacy .p-gift-manner-profile__hello {
  margin: 1rem 0 0
}

.l-legacy .p-gift-manner-lede-how.p-visual .p-visual__caption {
  font-size: 26px;
  font-weight: 400
}

.l-legacy .p-gift-manner-lede-how.p-visual .p-visual__caption>span {
  font-size: 65.38462%
}

.l-legacy .yb-aisatsu__heading {
  line-height: 75px;
  height: 75px;
  margin-bottom: 30px;
  padding-left: 20px;
  background: #c00
}

.l-legacy .yb-aisatsu__title {
  font-size: 3rem;
  font-weight: 400;
  color: #fff
}

.l-legacy .yb-aisatsu__description {
  line-height: 26px;
  letter-spacing: .1em
}

.l-legacy .yb-aisatsuBox {
  margin-top: 30px;
  padding: 25px;
  border: 1px solid #ddd;
  background: #fff
}

.l-legacy .yb-aisatsuBox__thumb {
  margin-bottom: 10px;
  text-align: center
}

.l-legacy .yb-aisatsuBox__rows {
  display: table;
  width: 100%;
  table-layout: fixed
}

.l-legacy .yb-aisatsuBox__column {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.l-legacy .yb-aisatsuBox__column:first-child {
  padding-right: 25px
}

.l-legacy .yb-aisatsuBox__downloadTitle {
  margin-bottom: 15px;
  text-align: left
}

.l-legacy .yb-aisatsuBox__downloadDescription {
  display: table;
  width: 100%;
  padding: 10px;
  background: #eee;
  margin-left: 0
}

.l-legacy .yb-aisatsuFeature {
  margin-top: 60px
}

.l-legacy .yb-aisatsuFeature__title {
  font-size: 2.6rem;
  line-height: 1.8;
  margin-bottom: 40px;
  text-align: center
}

.l-legacy .yb-aisatsuFeature__content {
  display: table;
  width: 100%;
  table-layout: fixed
}

.l-legacy .yb-aisatsuFeature__column {
  display: table-cell;
  padding-left: 35px;
  vertical-align: top
}

.l-legacy .yb-aisatsuFeature__column:first-child {
  padding-right: 35px;
  padding-left: 0;
  border-right: 1px solid #ddd
}

.l-legacy .yb-aisatsuFeature__subTitle {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 10px;
  color: #c00
}

.l-legacy .yb-aisatsuFeature__description {
  font-size: 1.4rem;
  line-height: 1.8
}

.l-legacy .yb-aisatsuFeature__description p {
  margin-top: 35px
}

.l-legacy .yb-aisatsuFeature__description p:first-child {
  margin-top: 0
}

.l-legacy .yb-aisatsuFeature__description p.aligncenter {
  text-align: center
}

.l-legacy .yb-aisatsuFeature__footer {
  font-size: 1.2rem;
  line-height: 1.8;
  margin-top: 30px;
  text-align: center;
  margin-bottom: 60px
}

.l-legacy .yb-aisatsuFeature__footer p {
  margin: 0
}

.l-legacy .p-cover-image {
  position: fixed;
  height: 100vh;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 1060px
}

.l-legacy .p-cover-image__inner {
  position: absolute;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: top;
  -webkit-background-size: cover;
  background-size: cover;
  top: 0;
  bottom: 0;
  width: 100%
}

.l-legacy .p-cover-image__inner--01 {
  background-image: url(/assets/images/top/background/photo-01.png)
}

.l-legacy .p-cover-image__inner--02 {
  background-image: url(/assets/images/top/background/photo-02.png)
}

.l-legacy .p-cover-image__inner--03 {
  background-image: url(/assets/images/top/background/photo-03.png)
}

.l-legacy .p-cover-image__inner--cover {
  opacity: 0
}

.l-legacy .p-catchcopy {
  text-align: center;
  position: relative;
  opacity: 0
}

.l-legacy .p-catchcopy:after {
  content: "";
  display: block;
  padding-bottom: 31.25%
}

.l-legacy .p-catchcopy img {
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%)
}

.l-legacy .p-who-is-them {
  text-align: center
}

.l-legacy .p-who-is-them__profile {
  margin-top: 1%;
  font-family: Noto Sans Japanese, Helvetica, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif
}

.l-legacy .p-who-is-them__profile__title {
  display: block
}

.l-legacy .p-who-is-them__profile__name {
  display: block;
  font-size: 2rem;
  font-weight: 500
}

.l-legacy .p-who-is-them__profile__link {
  display: block;
  text-decoration: underline
}

.l-legacy .p-frame-stamp-info {
  background-color: #fff;
  padding: 35px;
  margin-bottom: 20px;
  zoom: 1
}

.l-legacy .p-frame-stamp-info:after {
  content: "";
  display: block;
  clear: both
}

.l-legacy .p-frame-stamp-info__heading {
  text-align: center;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 4.5rem
}

.l-legacy .p-frame-stamp-info--about {
  margin-top: 35px
}

.l-legacy .p-frame-stamp-info__image {
  text-align: center
}

.l-legacy .p-frame-stamp-info--about .l-legacy .p-frame-stamp-info__text {
  width: 64.2%;
  float: left
}

.l-legacy .p-frame-stamp-info--about .l-legacy .p-frame-stamp-info__image {
  float: left;
  width: 35.8%;
  margin-top: -40px
}

.l-legacy .p-news-list {
  padding: 3px 20px;
  font-size: 14px;
  line-height: 2.28571;
  background-color: #fff
}

.l-legacy .p-news-list .p-slider {
  float: left;
  display: inline-block;
  width: 70%
}

.l-legacy .p-news-list .slick-list {
  margin: 0
}

.l-legacy .p-news-list__text {
  padding-right: 5%;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.l-legacy .p-news-list__link {
  float: right;
  text-align: right;
  text-decoration: underline;
  vertical-align: middle
}

.l-legacy .p-manner-index-media-heading {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: .8em;
  line-height: 1
}

.l-legacy .p-manner-index-media {
  margin-bottom: 20px;
  padding: 20px;
  background-color: #fff;
  display: table;
  width: 100%;
  height: 100%
}

.l-legacy .p-manner-index-media__picture {
  display: table-cell;
  vertical-align: top;
  width: 420px;
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%
}

.l-legacy .p-manner-index-media__body {
  display: table-cell;
  vertical-align: top;
  min-width: 445px;
  width: auto;
  padding-left: 25px
}

.l-legacy .p-manner-index-media__body__text {
  min-height: 3.42857em;
  line-height: 1.71429
}

.l-legacy .p-gift-birth dl dt {
  font-weight: 700
}

.l-legacy .p-gift-birth dl dd {
  margin-left: 0
}

.l-legacy .p-gift-birth .slick-dots {
  bottom: -35px;
  z-index: 4
}

.l-legacy .p-gift-birth-title {
  margin-top: 0
}

.l-legacy .p-gift-birth-bag {
  position: relative;
  padding: 0 0 0 1%;
  height: 465px
}

.l-legacy .p-gift-birth-bag-title {
  padding: 50px 0 15px
}

.l-legacy .p-gift-birth-bag-price {
  margin: 30px 0
}

.l-legacy .p-gift-birth-bag-image {
  position: absolute;
  bottom: 30px;
  right: 6%;
  margin: 0;
  width: 36%
}

.l-legacy .p-gift-birth-bag-button {
  width: 31%
}

.l-legacy .p-gift-birth-bag-button>p {
  margin: 0
}

.l-legacy .p-gift-birth-bag-button>span {
  position: absolute;
  top: 15px;
  right: 15px
}

.l-legacy .p-gift-birth-features {
  overflow: hidden
}

.l-legacy .p-gift-birth-features__block {
  float: left;
  width: 23%;
  margin: 0 1%
}

.l-legacy .p-gift-birth-features__block dl {
  margin: 12px 0 80px
}

.l-legacy .p-gift-birth-features__block dt {
  margin-bottom: 10px;
  text-align: center
}

.l-legacy .p-gift-birth__gifts-title {
  margin: 40px auto 20px;
  text-align: center
}

.l-legacy .p-gift-birth__group {
  padding: 0 2%;
  margin-bottom: 3%;
  height: 420px;
  overflow: hidden
}

.l-legacy .p-gift-birth__group--02 {
  padding: 0 2%;
  margin-bottom: 3%;
  height: 212px;
  overflow: hidden
}

.l-legacy .p-gift-birth__group--02 .p-gift-birth__gift {
  height: 100%
}

.l-legacy .p-gift-birth__gift {
  width: 50%;
  height: 50%;
  float: left;
  padding: 2% 1% 0;
  position: relative;
  overflow: hidden
}

.l-legacy .p-gift-birth__gift>figure {
  margin: 0 4% 0 0;
  float: left;
  width: 148px;
  position: absolute
}

.l-legacy .p-gift-birth__gift>figcaption {
  background-color: #f8f8f8;
  height: 100%;
  display: block
}

.l-legacy .p-gift-birth__gift>figcaption>dl {
  margin: 0 0 0 148px
}

.l-legacy .p-gift-birth__gift>figcaption>dl>dt {
  padding: 4% 4% 0
}

.l-legacy .p-gift-birth__gift>figcaption>dl>dd {
  padding: 0 4%
}

.l-legacy .p-gift-birth__gift-button {
  position: absolute;
  bottom: 0;
  right: 2%;
  width: 96%;
  padding: 2% 5%
}

.l-legacy .p-gift-birth__gift-button>p {
  margin: 0
}

.l-legacy .p-gift-birth__gift-button>span {
  position: absolute;
  top: 0;
  right: 4%;
  margin-top: 3%
}

.l-legacy .p-gift-birth__banner {
  clear: both;
  height: 640px;
  margin-top: -3%;
  margin-bottom: 80px;
  position: relative
}

.l-legacy .p-gift-birth__banner__banners {
  position: absolute;
  top: 80px;
  z-index: 3;
  text-align: center;
  width: 100%
}

.l-legacy .p-gift-birth__banner__banners>h4 {
  margin: 0 auto
}

.l-legacy .p-gift-birth__banner__banners>p {
  margin: 20px 0 0
}

.l-legacy .p-gift-birth__banner-bg-left, .l-legacy .p-gift-birth__banner-bg-right {
  width: 177px;
  content: "";
  position: absolute;
  top: 0
}

.l-legacy .p-gift-birth__banner-bg-left {
  background: url(/assets/images/gift/birth-gift/footer-bg-left.gif) left 0 no-repeat;
  height: 635px;
  left: 1%
}

.l-legacy .p-gift-birth__banner-bg-right {
  background: url(/assets/images/gift/birth-gift/footer-bg-right.gif) right 0 no-repeat;
  height: 621px;
  right: 1%
}

.l-legacy .u-hvr-opa {
  display: block
}

.l-legacy .u-hvr-opa:hover {
  opacity: .8
}

.l-legacy .u-full {
  width: 100% !important
}

.l-legacy .u-half {
  width: 50% !important
}

.l-legacy .u-pos-rel {
  position: relative
}

.l-legacy .u-pos-abs {
  position: absolute
}

.l-legacy .u-pos-fix-btm {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%
}

.l-legacy .u-block {
  display: block !important
}

.l-legacy .u-none {
  display: none !important
}

.l-legacy .u-table {
  display: table !important
}

.l-legacy .u-table-cell {
  display: table-cell !important
}

.l-legacy .u-inline-block {
  display: inline-block !important
}

.l-legacy .u-mincho {
  font-family: ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, 游明朝, YuMincho, ＭＳ\ Ｐ明朝, ＭＳ\ 明朝, serif
}

.l-legacy .u-sans-serif {
  font-family: Noto Sans Japanese, Helvetica, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif
}

.l-legacy .u-fontw-bold {
  font-weight: 700 !important
}

.l-legacy .u-fontw-normal {
  font-weight: 400 !important
}

.l-legacy .u-fontw-1 {
  font-weight: 100
}

.l-legacy .u-fontw-2 {
  font-weight: 200
}

.l-legacy .u-fontw-3 {
  font-weight: 300
}

.l-legacy .u-fontw-4 {
  font-weight: 400
}

.l-legacy .u-fontw-5 {
  font-weight: 500
}

.l-legacy .u-fontw-6 {
  font-weight: 600
}

.l-legacy .u-fontw-7 {
  font-weight: 700
}

.l-legacy .u-fontw-8 {
  font-weight: 800
}

.l-legacy .u-fontw-9 {
  font-weight: 900
}

.l-legacy .u-clear {
  clear: both
}

.l-legacy .p-recommend-contents-banner__each, .l-legacy .u-clearfix {
  zoom: 1
}

.l-legacy .p-recommend-contents-banner__each:after, .l-legacy .u-clearfix:after {
  content: "";
  display: block;
  clear: both
}

.l-legacy .u-fl-l {
  float: left !important
}

.l-legacy .u-fl-r {
  float: right !important
}

.l-legacy .u-fl-n {
  float: none !important
}

.l-legacy .u-align-l {
  text-align: left !important
}

.l-legacy .u-align-r {
  text-align: right !important
}

.l-legacy .u-align-c {
  text-align: center !important
}

.l-legacy .u-valign-t {
  vertical-align: top !important
}

.l-legacy .u-valign-m {
  vertical-align: middle !important
}

.l-legacy .u-valign-b {
  vertical-align: bottom !important
}

.l-legacy .u-m-0 {
  margin: 0 !important
}

.l-legacy .u-m-1 {
  margin: 1% !important
}

.l-legacy .u-m-2 {
  margin: 2% !important
}

.l-legacy .u-m-3 {
  margin: 3% !important
}

.l-legacy .u-m-4 {
  margin: 4% !important
}

.l-legacy .u-m-5 {
  margin: 5% !important
}

.l-legacy .u-m-6 {
  margin: 6% !important
}

.l-legacy .u-m-7 {
  margin: 7% !important
}

.l-legacy .u-m-8 {
  margin: 8% !important
}

.l-legacy .u-m-9 {
  margin: 9% !important
}

.l-legacy .u-m-10 {
  margin: 10% !important
}

.l-legacy .u-m-11 {
  margin: 11% !important
}

.l-legacy .u-m-12 {
  margin: 12% !important
}

.l-legacy .u-m-13 {
  margin: 13% !important
}

.l-legacy .u-m-14 {
  margin: 14% !important
}

.l-legacy .u-m-15 {
  margin: 15% !important
}

.l-legacy .u-m-16 {
  margin: 16% !important
}

.l-legacy .u-m-17 {
  margin: 17% !important
}

.l-legacy .u-m-18 {
  margin: 18% !important
}

.l-legacy .u-m-19 {
  margin: 19% !important
}

.l-legacy .u-m-20 {
  margin: 20% !important
}

.l-legacy .u-mt-0 {
  margin-top: 0 !important
}

.l-legacy .u-mt-1 {
  margin-top: 1% !important
}

.l-legacy .u-mt-2 {
  margin-top: 2% !important
}

.l-legacy .u-mt-3 {
  margin-top: 3% !important
}

.l-legacy .u-mt-4 {
  margin-top: 4% !important
}

.l-legacy .u-mt-5 {
  margin-top: 5% !important
}

.l-legacy .u-mt-6 {
  margin-top: 6% !important
}

.l-legacy .u-mt-7 {
  margin-top: 7% !important
}

.l-legacy .u-mt-8 {
  margin-top: 8% !important
}

.l-legacy .u-mt-9 {
  margin-top: 9% !important
}

.l-legacy .u-mt-10 {
  margin-top: 10% !important
}

.l-legacy .u-mt-11 {
  margin-top: 11% !important
}

.l-legacy .u-mt-12 {
  margin-top: 12% !important
}

.l-legacy .u-mt-13 {
  margin-top: 13% !important
}

.l-legacy .u-mt-14 {
  margin-top: 14% !important
}

.l-legacy .u-mt-15 {
  margin-top: 15% !important
}

.l-legacy .u-mt-16 {
  margin-top: 16% !important
}

.l-legacy .u-mt-17 {
  margin-top: 17% !important
}

.l-legacy .u-mt-18 {
  margin-top: 18% !important
}

.l-legacy .u-mt-19 {
  margin-top: 19% !important
}

.l-legacy .u-mt-20 {
  margin-top: 20% !important
}

.l-legacy .u-mb-0 {
  margin-bottom: 0 !important
}

.l-legacy .u-mb-1 {
  margin-bottom: 1% !important
}

.l-legacy .u-mb-2 {
  margin-bottom: 2% !important
}

.l-legacy .u-mb-3 {
  margin-bottom: 3% !important
}

.l-legacy .u-mb-4 {
  margin-bottom: 4% !important
}

.l-legacy .u-mb-5 {
  margin-bottom: 5% !important
}

.l-legacy .u-mb-6 {
  margin-bottom: 6% !important
}

.l-legacy .u-mb-7 {
  margin-bottom: 7% !important
}

.l-legacy .u-mb-8 {
  margin-bottom: 8% !important
}

.l-legacy .u-mb-9 {
  margin-bottom: 9% !important
}

.l-legacy .u-mb-10 {
  margin-bottom: 10% !important
}

.l-legacy .u-mb-11 {
  margin-bottom: 11% !important
}

.l-legacy .u-mb-12 {
  margin-bottom: 12% !important
}

.l-legacy .u-mb-13 {
  margin-bottom: 13% !important
}

.l-legacy .u-mb-14 {
  margin-bottom: 14% !important
}

.l-legacy .u-mb-15 {
  margin-bottom: 15% !important
}

.l-legacy .u-mb-16 {
  margin-bottom: 16% !important
}

.l-legacy .u-mb-17 {
  margin-bottom: 17% !important
}

.l-legacy .u-mb-18 {
  margin-bottom: 18% !important
}

.l-legacy .u-mb-19 {
  margin-bottom: 19% !important
}

.l-legacy .u-mb-20 {
  margin-bottom: 20% !important
}

.l-legacy .u-ml-0 {
  margin-left: 0 !important
}

.l-legacy .u-ml-1 {
  margin-left: 1% !important
}

.l-legacy .u-ml-2 {
  margin-left: 2% !important
}

.l-legacy .u-ml-3 {
  margin-left: 3% !important
}

.l-legacy .u-ml-4 {
  margin-left: 4% !important
}

.l-legacy .u-ml-5 {
  margin-left: 5% !important
}

.l-legacy .u-ml-6 {
  margin-left: 6% !important
}

.l-legacy .u-ml-7 {
  margin-left: 7% !important
}

.l-legacy .u-ml-8 {
  margin-left: 8% !important
}

.l-legacy .u-ml-9 {
  margin-left: 9% !important
}

.l-legacy .u-ml-10 {
  margin-left: 10% !important
}

.l-legacy .u-ml-11 {
  margin-left: 11% !important
}

.l-legacy .u-ml-12 {
  margin-left: 12% !important
}

.l-legacy .u-ml-13 {
  margin-left: 13% !important
}

.l-legacy .u-ml-14 {
  margin-left: 14% !important
}

.l-legacy .u-ml-15 {
  margin-left: 15% !important
}

.l-legacy .u-ml-16 {
  margin-left: 16% !important
}

.l-legacy .u-ml-17 {
  margin-left: 17% !important
}

.l-legacy .u-ml-18 {
  margin-left: 18% !important
}

.l-legacy .u-ml-19 {
  margin-left: 19% !important
}

.l-legacy .u-ml-20 {
  margin-left: 20% !important
}

.l-legacy .u-mr-0 {
  margin-right: 0 !important
}

.l-legacy .u-mr-1 {
  margin-right: 1% !important
}

.l-legacy .u-mr-2 {
  margin-right: 2% !important
}

.l-legacy .u-mr-3 {
  margin-right: 3% !important
}

.l-legacy .u-mr-4 {
  margin-right: 4% !important
}

.l-legacy .u-mr-5 {
  margin-right: 5% !important
}

.l-legacy .u-mr-6 {
  margin-right: 6% !important
}

.l-legacy .u-mr-7 {
  margin-right: 7% !important
}

.l-legacy .u-mr-8 {
  margin-right: 8% !important
}

.l-legacy .u-mr-9 {
  margin-right: 9% !important
}

.l-legacy .u-mr-10 {
  margin-right: 10% !important
}

.l-legacy .u-mr-11 {
  margin-right: 11% !important
}

.l-legacy .u-mr-12 {
  margin-right: 12% !important
}

.l-legacy .u-mr-13 {
  margin-right: 13% !important
}

.l-legacy .u-mr-14 {
  margin-right: 14% !important
}

.l-legacy .u-mr-15 {
  margin-right: 15% !important
}

.l-legacy .u-mr-16 {
  margin-right: 16% !important
}

.l-legacy .u-mr-17 {
  margin-right: 17% !important
}

.l-legacy .u-mr-18 {
  margin-right: 18% !important
}

.l-legacy .u-mr-19 {
  margin-right: 19% !important
}

.l-legacy .u-mr-20 {
  margin-right: 20% !important
}

.l-legacy .u-m-auto {
  margin: 0 auto !important
}

.l-legacy .u-p-0 {
  padding: 0 !important
}

.l-legacy .u-p-1 {
  padding: 1% !important
}

.l-legacy .u-p-2 {
  padding: 2% !important
}

.l-legacy .u-p-3 {
  padding: 3% !important
}

.l-legacy .u-p-4 {
  padding: 4% !important
}

.l-legacy .u-p-5 {
  padding: 5% !important
}

.l-legacy .u-p-6 {
  padding: 6% !important
}

.l-legacy .u-p-7 {
  padding: 7% !important
}

.l-legacy .u-p-8 {
  padding: 8% !important
}

.l-legacy .u-p-9 {
  padding: 9% !important
}

.l-legacy .u-p-10 {
  padding: 10% !important
}

.l-legacy .u-p-11 {
  padding: 11% !important
}

.l-legacy .u-p-12 {
  padding: 12% !important
}

.l-legacy .u-p-13 {
  padding: 13% !important
}

.l-legacy .u-p-14 {
  padding: 14% !important
}

.l-legacy .u-p-15 {
  padding: 15% !important
}

.l-legacy .u-p-16 {
  padding: 16% !important
}

.l-legacy .u-p-17 {
  padding: 17% !important
}

.l-legacy .u-p-18 {
  padding: 18% !important
}

.l-legacy .u-p-19 {
  padding: 19% !important
}

.l-legacy .u-p-20 {
  padding: 20% !important
}

.l-legacy .u-pt-0 {
  padding-top: 0 !important
}

.l-legacy .u-pt-1 {
  padding-top: 1% !important
}

.l-legacy .u-pt-2 {
  padding-top: 2% !important
}

.l-legacy .u-pt-3 {
  padding-top: 3% !important
}

.l-legacy .u-pt-4 {
  padding-top: 4% !important
}

.l-legacy .u-pt-5 {
  padding-top: 5% !important
}

.l-legacy .u-pt-6 {
  padding-top: 6% !important
}

.l-legacy .u-pt-7 {
  padding-top: 7% !important
}

.l-legacy .u-pt-8 {
  padding-top: 8% !important
}

.l-legacy .u-pt-9 {
  padding-top: 9% !important
}

.l-legacy .u-pt-10 {
  padding-top: 10% !important
}

.l-legacy .u-pt-11 {
  padding-top: 11% !important
}

.l-legacy .u-pt-12 {
  padding-top: 12% !important
}

.l-legacy .u-pt-13 {
  padding-top: 13% !important
}

.l-legacy .u-pt-14 {
  padding-top: 14% !important
}

.l-legacy .u-pt-15 {
  padding-top: 15% !important
}

.l-legacy .u-pt-16 {
  padding-top: 16% !important
}

.l-legacy .u-pt-17 {
  padding-top: 17% !important
}

.l-legacy .u-pt-18 {
  padding-top: 18% !important
}

.l-legacy .u-pt-19 {
  padding-top: 19% !important
}

.l-legacy .u-pt-20 {
  padding-top: 20% !important
}

.l-legacy .u-pb-0 {
  padding-bottom: 0 !important
}

.l-legacy .u-pb-1 {
  padding-bottom: 1% !important
}

.l-legacy .u-pb-2 {
  padding-bottom: 2% !important
}

.l-legacy .u-pb-3 {
  padding-bottom: 3% !important
}

.l-legacy .u-pb-4 {
  padding-bottom: 4% !important
}

.l-legacy .u-pb-5 {
  padding-bottom: 5% !important
}

.l-legacy .u-pb-6 {
  padding-bottom: 6% !important
}

.l-legacy .u-pb-7 {
  padding-bottom: 7% !important
}

.l-legacy .u-pb-8 {
  padding-bottom: 8% !important
}

.l-legacy .u-pb-9 {
  padding-bottom: 9% !important
}

.l-legacy .u-pb-10 {
  padding-bottom: 10% !important
}

.l-legacy .u-pb-11 {
  padding-bottom: 11% !important
}

.l-legacy .u-pb-12 {
  padding-bottom: 12% !important
}

.l-legacy .u-pb-13 {
  padding-bottom: 13% !important
}

.l-legacy .u-pb-14 {
  padding-bottom: 14% !important
}

.l-legacy .u-pb-15 {
  padding-bottom: 15% !important
}

.l-legacy .u-pb-16 {
  padding-bottom: 16% !important
}

.l-legacy .u-pb-17 {
  padding-bottom: 17% !important
}

.l-legacy .u-pb-18 {
  padding-bottom: 18% !important
}

.l-legacy .u-pb-19 {
  padding-bottom: 19% !important
}

.l-legacy .u-pb-20 {
  padding-bottom: 20% !important
}

.l-legacy .u-pl-0 {
  padding-left: 0 !important
}

.l-legacy .u-pl-1 {
  padding-left: 1% !important
}

.l-legacy .u-pl-2 {
  padding-left: 2% !important
}

.l-legacy .u-pl-3 {
  padding-left: 3% !important
}

.l-legacy .u-pl-4 {
  padding-left: 4% !important
}

.l-legacy .u-pl-5 {
  padding-left: 5% !important
}

.l-legacy .u-pl-6 {
  padding-left: 6% !important
}

.l-legacy .u-pl-7 {
  padding-left: 7% !important
}

.l-legacy .u-pl-8 {
  padding-left: 8% !important
}

.l-legacy .u-pl-9 {
  padding-left: 9% !important
}

.l-legacy .u-pl-10 {
  padding-left: 10% !important
}

.l-legacy .u-pl-11 {
  padding-left: 11% !important
}

.l-legacy .u-pl-12 {
  padding-left: 12% !important
}

.l-legacy .u-pl-13 {
  padding-left: 13% !important
}

.l-legacy .u-pl-14 {
  padding-left: 14% !important
}

.l-legacy .u-pl-15 {
  padding-left: 15% !important
}

.l-legacy .u-pl-16 {
  padding-left: 16% !important
}

.l-legacy .u-pl-17 {
  padding-left: 17% !important
}

.l-legacy .u-pl-18 {
  padding-left: 18% !important
}

.l-legacy .u-pl-19 {
  padding-left: 19% !important
}

.l-legacy .u-pl-20 {
  padding-left: 20% !important
}

.l-legacy .u-pr-0 {
  padding-right: 0 !important
}

.l-legacy .u-pr-1 {
  padding-right: 1% !important
}

.l-legacy .u-pr-2 {
  padding-right: 2% !important
}

.l-legacy .u-pr-3 {
  padding-right: 3% !important
}

.l-legacy .u-pr-4 {
  padding-right: 4% !important
}

.l-legacy .u-pr-5 {
  padding-right: 5% !important
}

.l-legacy .u-pr-6 {
  padding-right: 6% !important
}

.l-legacy .u-pr-7 {
  padding-right: 7% !important
}

.l-legacy .u-pr-8 {
  padding-right: 8% !important
}

.l-legacy .u-pr-9 {
  padding-right: 9% !important
}

.l-legacy .u-pr-10 {
  padding-right: 10% !important
}

.l-legacy .u-pr-11 {
  padding-right: 11% !important
}

.l-legacy .u-pr-12 {
  padding-right: 12% !important
}

.l-legacy .u-pr-13 {
  padding-right: 13% !important
}

.l-legacy .u-pr-14 {
  padding-right: 14% !important
}

.l-legacy .u-pr-15 {
  padding-right: 15% !important
}

.l-legacy .u-pr-16 {
  padding-right: 16% !important
}

.l-legacy .u-pr-17 {
  padding-right: 17% !important
}

.l-legacy .u-pr-18 {
  padding-right: 18% !important
}

.l-legacy .u-pr-19 {
  padding-right: 19% !important
}

.l-legacy .u-pr-20 {
  padding-right: 20% !important
}

.l-legacy .u-wbr {
  display: inline-block
}

.l-legacy .u-nowrap, .l-legacy .u-wbr {
  white-space: nowrap
}

.l-legacy .u-border-none {
  border: 0 !important
}

.l-legacy .u-text-indent {
  text-indent: -1em;
  margin-left: 1em
}

.l-legacy .u-text-ul {
  text-decoration: underline
}

.l-legacy .u-color--bg {
  color: #eee !important
}

.l-legacy .u-bgcolor--bg, .l-legacy .u-icolor--bg {
  background-color: #eee !important
}

.l-legacy .u-icolor--bg {
  color: #fff
}

.l-legacy .u-border--bg {
  border: 1px solid #eee !important
}

.l-legacy .u-border-b--bg {
  border-bottom: 1px solid #eee !important
}

.l-legacy .u-color--dark {
  color: #181818 !important
}

.l-legacy .u-bgcolor--dark, .l-legacy .u-icolor--dark {
  background-color: #181818 !important
}

.l-legacy .u-icolor--dark {
  color: #fff
}

.l-legacy .u-border--dark {
  border: 1px solid #181818 !important
}

.l-legacy .u-border-b--dark {
  border-bottom: 1px solid #181818 !important
}

.l-legacy .u-color--middle {
  color: #393939 !important
}

.l-legacy .u-bgcolor--middle, .l-legacy .u-icolor--middle {
  background-color: #393939 !important
}

.l-legacy .u-icolor--middle {
  color: #fff
}

.l-legacy .u-border--middle {
  border: 1px solid #393939 !important
}

.l-legacy .u-border-b--middle {
  border-bottom: 1px solid #393939 !important
}

.l-legacy .u-color--light {
  color: #fff !important
}

.l-legacy .p-recommended-products__each__foot>.c-button>span, .l-legacy .u-bgcolor--light, .l-legacy .u-icolor--light {
  background-color: #fff !important
}

.l-legacy .u-icolor--light {
  color: #ce0500
}

.l-legacy .u-border--light {
  border: 1px solid #fff !important
}

.l-legacy .u-border-b--light {
  border-bottom: 1px solid #fff !important
}

.l-legacy .u-color--brand {
  color: #ce0500 !important
}

.l-legacy .u-bgcolor--brand, .l-legacy .u-icolor--brand {
  background-color: #ce0500 !important
}

.l-legacy .u-icolor--brand {
  color: #fff
}

.l-legacy .u-border--brand {
  border: 1px solid #ce0500 !important
}

.l-legacy .u-border-b--brand {
  border-bottom: 1px solid #ce0500 !important
}

.l-legacy .u-border-color--brand {
  border-color: #ce0500 !important
}

.l-legacy .p-recommended-products__each__foot>.c-button>span, .l-legacy .u-color--gift {
  color: #f0922c !important
}

.l-legacy .p-recommended-products__each__foot>.c-button, .l-legacy .p-recommended-products__each__main>h3 span, .l-legacy .u-bgcolor--gift, .l-legacy .u-icolor--gift {
  background-color: #f0922c !important
}

.l-legacy .u-bgcolor--gift.is-disabled, .l-legacy .u-icolor--gift.is-disabled {
  background-color: #ccc !important
}

.l-legacy .u-icolor--gift {
  color: #fff
}

.l-legacy .u-border--gift {
  border: 1px solid #f0922c !important
}

.l-legacy .u-border-b--gift {
  border-bottom: 1px solid #f0922c !important
}

.l-legacy .u-color--letter {
  color: #566900 !important
}

.l-legacy .u-bgcolor--letter, .l-legacy .u-icolor--letter {
  background-color: #566900 !important
}

.l-legacy .u-icolor--letter {
  color: #fff
}

.l-legacy .u-border--letter {
  border: 1px solid #566900 !important
}

.l-legacy .u-border-b--letter {
  border-bottom: 1px solid #566900 !important
}

.l-legacy .u-color--select {
  color: #cb0000 !important
}

.l-legacy .u-bgcolor--select, .l-legacy .u-icolor--select {
  background-color: #cb0000 !important
}

.l-legacy .u-icolor--select {
  color: #fff
}

.l-legacy .u-border--select {
  border: 1px solid #cb0000 !important
}

.l-legacy .u-border-b--select {
  border-bottom: 1px solid #cb0000 !important
}

.l-legacy .u-color--craft {
  color: #cb8700 !important
}

.l-legacy .u-bgcolor--craft, .l-legacy .u-icolor--craft {
  background-color: #cb8700 !important
}

.l-legacy .u-icolor--craft {
  color: #fff
}

.l-legacy .u-border--craft {
  border: 1px solid #cb8700 !important
}

.l-legacy .u-border-b--craft {
  border-bottom: 1px solid #cb8700 !important
}

.l-legacy .u-color--send {
  color: #88cb02 !important
}

.l-legacy .u-bgcolor--send, .l-legacy .u-icolor--send {
  background-color: #88cb02 !important
}

.l-legacy .u-icolor--send {
  color: #fff
}

.l-legacy .u-border--send {
  border: 1px solid #88cb02 !important
}

.l-legacy .u-border-b--send {
  border-bottom: 1px solid #88cb02 !important
}

.l-legacy .u-color--external-gray {
  color: #8d8e90 !important
}

.l-legacy .u-bgcolor--external-gray {
  background-color: #8d8e90 !important
}

.l-legacy .u-icolor--external-gray {
  background-color: #8d8e90 !important;
  color: #fff
}

.l-legacy .u-border--external-gray {
  border: 1px solid #8d8e90 !important
}

.l-legacy .u-border-b--external-gray {
  border-bottom: 1px solid #8d8e90 !important
}

.l-legacy .p-recommended-products__each__foot>.c-button.is-disabled>span, .l-legacy .u-color--purchase-gray {
  color: #cbcbcb !important
}

.l-legacy .p-recommended-products__each__foot>.c-button.is-disabled, .l-legacy .u-bgcolor--purchase-gray {
  background-color: #cbcbcb !important
}

.l-legacy .u-icolor--purchase-gray {
  background-color: #cbcbcb !important;
  color: #fff
}

.l-legacy .u-border--purchase-gray {
  border: 1px solid #cbcbcb !important
}

.l-legacy .u-border-b--purchase-gray {
  border-bottom: 1px solid #cbcbcb !important
}

.l-legacy .is-modal-open {
  overflow: hidden
}

.l-legacy .p-zipcode-search-link {
  position: relative;
  display: block;
  background-color: #ce0500;
  color: #fff;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: .5em .5em .5em 1.2em
}

.l-legacy .p-zipcode-search-link>.icon {
  margin-left: .2em
}

.l-legacy .p-zipcode-search-link__icon {
  position: absolute;
  display: inline-block;
  background-color: #fff;
  color: #ce0500;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.2em;
  padding: .2em
}

.l-legacy .p-pr-card {
  position: relative;
  background-color: #eee;
  border: 4px solid #fff;
  padding: calc(4% - 4px)
}

.l-legacy .p-pr-mark {
  position: relative
}

.l-legacy .p-pr-mark:after {
  content: "PR";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: .38em 1.25em;
  font-size: .5em;
  background-color: #a8abae;
  color: #fff
}

.l-legacy .p-recommended-items {
  margin-bottom: 30px
}

.l-legacy .p-recommended-items__heading {
  font-size: 1.8rem;
  margin: 0 0 1.9rem;
  font-weight: 400
}

.l-legacy .p-recommended-items__heading__pr {
  font-size: .7777em;
  font-weight: 500;
  background-color: #a8abae;
  padding: 0 .8em;
  margin-left: .5em;
  color: #fff
}

.l-legacy .p-recommended-items .c-media__picture {
  width: 16%;
  margin-right: 2.9%
}

.l-legacy .p-recommended-items .c-media__body {
  width: 81.1%
}

.l-legacy .p-recommended-items__link-to-shop {
  font-size: 1.6rem
}

.l-legacy .p-recommended-items--pr {
  border: 8px solid #fff;
  background-color: #eee;
  font-size: 1.2rem;
  line-height: 1.83
}

.l-legacy .p-recommended-items--pr .c-heading3 {
  font-size: 1.8rem
}

.l-legacy .p-recommended-items--pr .l-legacy .p-recommended-items__link-to-shop {
  font-size: 1.4rem
}

.p-wdk {
  font-size: 1.6rem
}

.p-wdk-kv img {
  width: 100%
}

.p-wdk__anchor {
  width: 50%
}

.p-wdk__anchor-txt {
  font-weight: 700;
  color: #ce0500;
  text-align: center
}

.p-wdk-attention-link {
  text-align: center
}

.p-wdk-attention-link .u-icn--window:before {
  display: inline-block;
  margin-left: .4rem
}

.p-wdk-attention-txt-01 {
  color: red
}

.p-wdk-attention-txt-01 span {
  display: block;
  color: #000
}

.p-wdk-attention-txt-02 {
  color: #000;
  font-weight: 400
}

.p-wdk__hdg-02-1 {
  font-weight: 700;
  color: #ce0500
}

.p-wdk__ttl {
  font-weight: 700
}

.p-wdk__txt {
  text-align: center;
  margin-top: 1.44928%;
  margin-bottom: 4.34783%
}

.p-wdk__subttl {
  text-align: center;
  font-weight: 700;
  color: #ce0500
}

.p-wdk__subhdg {
  font-weight: 700
}

.p-wdk__hdg-02-2 {
  font-weight: 500;
  color: #fff;
  background: #ce0500;
  width: 100%
}

.p-wdk__hdg-03 {
  font-weight: 700
}

.p-wdk__hdg-04 {
  font-weight: 700
}

.p-wdk-wrapping {
  text-align: center
}

.p-wdk-wrapping .l-col {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-wdk-wrapping__img {
  text-align: center;
  font-weight: 700
}

.p-wdk-goods {
  margin-bottom: 10.43478%
}

.p-wdk-goods__img {
  position: relative;
  margin-bottom: 2.46377%
}

.p-wdk-goods__img img {
  width: 100%
}

.p-wdk-goods__imgNew {
  position: absolute;
  top: 0;
  right: 0
}

.p-wdk-goods__imgNew img {
  width: auto
}

.p-wdk-goods__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-wdk-goods__inner__hdg {
  text-align: left;
  width: 80%
}

.p-wdk-goods__inner__txt {
  color: #000;
  font-weight: 400
}

.p-wdk .c-btn a {
  border-radius: 9px;
  text-align: center
}

.p-wdk-slider-hdg {
  color: #ce0500;
  font-weight: 700
}

.l-legacy .p-wdk-howto-nav {
  width: 278px;
  z-index: 500;
  padding: 20px 0 20px 20px;
  border-radius: 5px;
  background: #fff
}

.l-legacy .p-wdk-howto-nav__title {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 0 .5rem
}

.l-legacy .p-wdk-howto-nav__list {
  padding-left: 1em
}

.l-legacy .p-wdk-howto-nav__list__item {
  font-size: 1.2rem;
  display: block;
  margin-bottom: .5rem;
  position: relative;
  padding-left: .5em
}

.l-legacy .p-wdk-howto-nav__list__item.is-active {
  color: #ce0500
}

.l-legacy .p-wdk-howto-nav__list__item:before {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 0;
  height: 0;
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  border-left: 2px solid #ce0500
}

.l-legacy .p-wdk-howto-button {
  border-radius: 5px
}

.l-legacy .p-wdk-howto-buttons {
  padding-top: 40px;
  position: relative;
  text-align: center
}

.l-legacy .p-wdk-howto-buttons:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #e3e4e6;
  position: absolute;
  top: 0
}

.l-legacy .p-wdk-howto-buttons .c-button {
  border-radius: 5px;
  position: relative;
  padding: .85em 2em .85em .85em
}

.l-legacy .p-wdk-howto-buttons .c-button .p-wdk-howto-button-content {
  display: inline-block
}

.l-legacy .p-wdk-howto-buttons .c-button:before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  height: 100%
}

.l-legacy .p-wdk-howto-buttons .icon-circle {
  font-size: .6em;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.l-legacy .p-wdk-howto-colored-link {
  color: #ce0500
}

.l-legacy .p-wdk-howto-title {
  background: #ce0500;
  color: #fff;
  font-size: 2.6rem;
  font-weight: 500;
  padding: .5em;
  margin-top: 0
}

.l-legacy .p-wdk-howto-main {
  background: #fff;
  padding: 25px 30px 40px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: lighter;
  margin-bottom: 95px
}

.l-legacy .p-wdk-howto-heading {
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 .5em
}

.l-legacy .p-wdk-howto-desc {
  margin: 0 0 2%
}

.l-legacy .p-wdk-howto-desc-list__title {
  margin-bottom: 1em;
  font-weight: 500
}

.l-legacy .p-wdk-howto-desc-list__desc {
  margin: 0 0 1.5em 1em
}

.l-legacy .p-wdk-howto-desc-list__color {
  display: block;
  color: red
}

.l-legacy .p-wdk-howto-section {
  margin: 0 0 35px
}

.l-legacy .p-wdk-howto-grid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}

.l-legacy .p-wdk-howto-grid:after {
  content: " ";
  display: block;
  clear: both
}

.l-legacy .p-wdk-howto-grid__3 {
  width: 22.85714%;
  float: left;
  margin-right: 2.85714%
}

.l-legacy .p-wdk-howto-grid__3:last-child {
  margin: 0
}

.l-legacy .p-wdk-howto-grid__4 {
  width: 31.42857%;
  float: left;
  margin-right: 2.85714%
}

.l-legacy .p-wdk-howto-grid__4:last-child, .l-legacy .p-wdk-howto-grid__4:nth-of-type(3n) {
  margin: 0
}

.l-legacy .p-wdk-howto-grid__6 {
  width: 48.57143%;
  float: left;
  margin-right: 2.85714%
}

.l-legacy .p-wdk-howto-grid__6:last-child {
  margin: 0
}

.l-legacy .p-wdk-howto-grid__9 {
  width: 74.28571%;
  float: left;
  margin-right: 2.85714%
}

.l-legacy .p-wdk-howto-grid__9:last-child {
  margin: 0
}

.l-legacy .p-wdk-howto-figure {
  margin: 0
}

.l-legacy .p-wdk-howto-figure__image {
  width: 100%
}

.l-legacy .p-wdk-howto-figure__image--rounded {
  border-radius: 15px
}

.l-legacy .p-wdk-howto-figure__caption {
  text-align: center;
  font-weight: 700;
  font-size: 1.4rem;
  margin-top: 1em
}

.l-legacy .p-wdk-howto-terms {
  border: 1px solid #e3e4e6;
  padding: 20px
}

.l-legacy .p-wdk-howto-terms h3 {
  margin-top: 0
}

.l-legacy .p-wdk-howto-motif {
  margin-top: 2rem !important
}

.l-legacy .p-wdk-howto-motif__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4rem;
  background: #fcfcfc;
  padding: 4rem 0;
  margin: 0 !important
}

.l-legacy .p-wdk-howto-motif__hdg, .l-legacy .p-wdk-howto-motif__title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center
}

.l-legacy .p-wdk-howto-motif .c-button {
  padding: .3em
}

.l-legacy .p-wdk-howto-print-steps {
  display: table;
  margin-top: 30px
}

.l-legacy .p-wdk-howto-print-steps__row {
  display: table-row
}

.l-legacy .p-wdk-howto-print-steps__row img {
  width: 100%
}

.l-legacy .p-wdk-howto-print-step {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  font-weight: 400;
  text-align: center
}

.l-legacy .p-wdk-howto-print-step>img {
  margin: 18px 0 28px
}

@media (min-width:1060px) and (min-height:830px) {
  .l-legacy .p-navigation--top-page {
    top: calc(17.60575vw - 175.3536px)
  }

  .l-legacy .p-navigation--pull-700 {
    top: calc(-45.662vw - 15.5264px)
  }

  .l-legacy .p-navigation__logo {
    padding-top: calc(3.32238vw - 15.5264px);
    padding-bottom: calc(3.24426vw - 15.5264px);
    width: calc(22.72625vw - 80.896px)
  }

  .l-legacy .p-navigation-list__item>a {
    padding: calc(3.37656vw - 30.72px) .8em
  }

  .l-legacy .p-navigation-list__item--top a {
    padding: calc(2.04556vw - 13.6832px) .8em
  }

  .l-legacy .p-navigation-list .icon-circle {
    font-size: calc(1.70503vw - 7.9744px);
    vertical-align: .2em
  }

  .l-legacy .p-subnavigation-list__item {
    margin-bottom: calc(4.54525vw - 48.1792px)
  }

  .l-legacy .p-navigation-sns-link-btn {
    margin: calc(2.72375vw - 20.864px) 0
  }
}

@media (min-width:1280px) and (min-height:830px) {
  .l-legacy .p-navigation--top-page {
    top: 50px
  }

  .l-legacy .p-navigation--pull-700 {
    top: -606px
  }

  .l-legacy .p-navigation__logo {
    padding-top: 27px;
    padding-bottom: 26px;
    width: 210px
  }

  .l-legacy .p-navigation__notify {
    font-size: 16px
  }

  .l-legacy .p-navigation .c-tabs {
    font-size: 16px
  }

  .l-legacy .p-navigation-list__item {
    font-size: 20px
  }

  .l-legacy .p-navigation-list__item>a {
    padding: 12.5px .8em
  }

  .l-legacy .p-navigation-list__item--top a {
    padding: 12.5px .8em
  }

  .l-legacy .p-navigation-list .icon-circle {
    font-size: 13.85px
  }

  .l-legacy .p-subnavigation-list__item {
    margin-bottom: 10px
  }

  .l-legacy .p-navigation-sns-link-btn {
    margin: 14px 0
  }
}

@media (max-height:830px) and (min-width:995px) {
  .l-legacy .p-navigation--pull-700 {
    top: calc(-49.037vw - 15.5264px)
  }
}

@media (max-height:830px) and (min-width:1280px) {
  .l-legacy .p-navigation--pull-700 {
    top: -656px
  }
}

@media (min-width:1120px) and (min-height:830px) {
  .l-legacy .p-navigation__notify {
    font-size: 1.25vw
  }

  .l-legacy .p-navigation .c-tabs {
    font-size: 1.25vw
  }
}

@media (max-width:1075px) {
  .l-legacy .p-navigation .c-tabs a {
    padding: 10px 0
  }

  .l-legacy .p-navigation .c-tabs br {
    display: none
  }
}

@media (max-height:830px) {
  .l-legacy .p-navigation .c-tabs a {
    padding: 10px 0
  }

  .l-legacy .p-navigation .c-tabs br {
    display: none
  }
}

@media (min-width:1152px) and (min-height:830px) {
  .l-legacy .p-navigation-list__item {
    font-size: 1.5625vw
  }
}

@media (min-width:1075px) and (min-height:830px) {
  .l-legacy .p-subnavigation__header {
    display: block
  }
}

@media (min-width:984.61538px) {
  .l-legacy .p-top-card-list__heading {
    font-size: 2.03125vw
  }
}

@media (min-width:1280px) {
  .l-legacy .p-top-card-list__heading {
    font-size: 26px
  }
}

@media screen and (min-width:1280px) {
  .l-legacy .p-gift-birth__group {
    height: 405px
  }

  .l-legacy .p-gift-birth__group--02 {
    height: 203px
  }

  .l-legacy .p-gift-birth__gift>figure {
    width: 43%
  }

  .l-legacy .p-gift-birth__gift>figcaption>dl {
    margin: 0 0 0 47%
  }

  .l-legacy .p-gift-birth__gift-button {
    width: 53%
  }

  .l-legacy .p-gift-birth__gift-button>span {
    margin-top: 6%
  }
}

@media screen and (min-width:795px) {
  .p-wdk {
    max-width: 1000px
  }

  .p-wdk .u-icn--window:before {
    vertical-align: 0;
    font-size: 1.7rem
  }

  .p-wdk__hdg-01 {
    margin: 3% 0
  }

  .p-wdk__lead {
    margin-bottom: 7.2%;
    font-size: 2rem
  }

  .p-wdk__anchor-txt {
    font-size: 2rem
  }

  .p-wdk-attention-link .u-icn--window:before {
    font-size: 1.4rem
  }

  .p-wdk-attention-txt-01 {
    font-size: 1.3rem;
    text-align: center;
    margin: 2rem 0 3rem
  }

  .p-wdk-attention-txt-02 {
    font-size: 1.3rem;
    text-align: center;
    margin: 4rem 0 3rem
  }

  .p-wdk__hdg-02-1 {
    margin-top: 10.7%;
    font-size: 2.6rem;
    border-bottom: 2px solid #ce0500;
    border-top: 2px solid #ce0500;
    padding: 2rem 0
  }

  .p-wdk__hdg-02-1:before {
    margin-right: 1rem
  }

  .p-wdk__ttl {
    font-size: 2.3rem;
    margin-top: 4.8%
  }

  .p-wdk__txt {
    margin: 1.9% 0
  }

  .p-wdk__subttl {
    margin-top: 5%;
    margin-bottom: 1.5%
  }

  .p-wdk__subhdg {
    font-size: 2.3rem;
    margin-bottom: 3%
  }

  .p-wdk__subtxt {
    margin-top: 3.5%
  }

  .p-wdk__hdg-02-2 {
    margin: 12rem 0 2em;
    font-size: 2.6rem;
    padding: 3rem 0
  }

  .p-wdk__hdg-03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem;
    font-size: 2.5rem
  }

  .p-wdk__hdg-03__icon {
    margin-right: 2rem;
    width: 7%
  }

  .p-wdk__hdg-04 {
    margin-top: 2rem;
    font-size: 2rem
  }

  .p-wdk-wrapping__img {
    margin-bottom: 6% !important
  }

  .p-wdk-wrapping__img .l-col__item {
    width: 24rem
  }

  .p-wdk-wrapping__img .l-col__item:nth-child(4n+1) {
    margin-left: 1rem
  }

  .p-wdk-wrapping__img .l-col__item+.l-col__item, .p-wdk-wrapping__img .l-col__item+.l-col__item.c-cover__more {
    margin-left: 1rem
  }

  .p-wdk-wrapping__img .p-wrapping-hdg {
    margin-top: 2.3%
  }

  .p-wdk-wrapping__txt {
    margin-bottom: 3.1%
  }

  .p-wdk-wrapping .l-col {
    margin-bottom: 8.5%
  }

  .p-wdk-goods {
    margin-bottom: 7.2%
  }

  .p-wdk-goods .l-col {
    width: 750px;
    margin: 0 auto
  }

  .p-wdk-goods .l-col__item {
    width: 24rem
  }

  .p-wdk-goods .l-col__item:nth-child(3n+1) {
    margin-left: 1rem
  }

  .p-wdk-goods .l-col__item+.l-col__item, .p-wdk-goods .l-col__item+.l-col__item.c-cover__more {
    margin-left: 1rem
  }

  .p-wdk-goods__img {
    margin-bottom: 1.8rem
  }

  .p-wdk-goods__inner {
    margin-top: 5rem;
    padding: 0 17%
  }

  .p-wdk-goods__inner__hdg {
    font-size: 1.8rem;
    padding-left: 2rem
  }

  .p-wdk-goods__inner__txt {
    font-size: 1.6rem
  }

  .p-wdk-goods__inner figure {
    width: 15%
  }

  .p-wdk .c-btn a {
    font-size: 2.4rem;
    font-weight: 100;
    line-height: 2.4rem;
    padding: 5.6% !important
  }

  .p-wdk .c-btn a:after {
    left: 68%;
    width: 8%;
    height: 4rem
  }

  .p-wdk-slider {
    margin-bottom: 6.1%
  }

  .p-wdk-slider .l-col {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .p-wdk-slider .l-col__item {
    width: 24rem
  }

  .p-wdk-slider .l-col__item:nth-child(4n+1) {
    margin-left: 1rem;
    margin-top: 1rem
  }

  .p-wdk-slider .l-col__item+.l-col__item, .p-wdk-slider .l-col__item+.l-col__item.c-cover__more {
    margin-left: 1rem;
    margin-top: 1rem
  }

  .p-wdk-slider .l-col--4 {
    margin-top: 0
  }

  .p-wdk-slider-hdg {
    margin-bottom: 4rem
  }
}

@media screen and (max-width:794px) {
  .p-wdk .u-icn--window:before {
    vertical-align: 0;
    font-size: 1.3rem
  }

  .p-wdk__hdg-01 {
    margin: 5.50725% 2rem
  }

  .p-wdk__lead {
    margin-bottom: 10.86957%;
    font-size: 1.4rem
  }

  .p-wdk__anchor {
    width: 100%
  }

  .p-wdk__anchor-txt {
    margin-bottom: -1rem;
    font-size: 1.5rem
  }

  .p-wdk-attention-link {
    margin-top: 4.34783%;
    font-size: 1.3rem
  }

  .p-wdk-attention-link .u-icn--window:before {
    font-size: 1.2rem
  }

  .p-wdk-attention-txt-01 {
    text-align: left;
    font-size: 1.1rem;
    line-height: 2rem;
    margin-bottom: 2.5rem
  }

  .p-wdk-attention-txt-02 {
    font-size: 1.1rem;
    line-height: 2rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
    text-align: center
  }

  .p-wdk__hdg-02-1 {
    margin-top: 22.17391%;
    margin-bottom: 6.81159%;
    font-size: 2rem;
    border-bottom: 2px solid #ce0500;
    border-top: 2px solid #ce0500;
    padding: 1.3rem 0
  }

  .p-wdk__hdg-02-1:before {
    margin-right: .8rem
  }

  .p-wdk__hdg-02-1 span {
    display: block
  }

  .p-wdk__ttl {
    font-size: 1.8rem;
    margin-top: 12.17391%
  }

  .p-wdk__txt span {
    display: block
  }

  .p-wdk__subttl {
    margin-top: 0;
    margin-bottom: .72464%
  }

  .p-wdk__subhdg {
    font-size: 1.8rem;
    margin-bottom: 3.62319%
  }

  .p-wdk__subtxt {
    margin-top: 2.17391%;
    margin-bottom: 11.5942%
  }

  .p-wdk__hdg-02-2 {
    margin-top: 14.49275%;
    margin-bottom: 5.94203%;
    font-size: 2rem;
    padding: 1.5rem 0
  }

  .p-wdk__hdg-03 {
    display: block;
    font-size: 2rem
  }

  .p-wdk__hdg-03__icon img {
    margin-bottom: 4.78261%;
    width: 15.21739%
  }

  .p-wdk__hdg-04 {
    margin-top: 4.2029%;
    font-size: 1.8rem
  }

  .p-wdk-wrapping .c-row__inner {
    width: 100%
  }

  .p-wdk-wrapping__img {
    margin-bottom: 0 !important
  }

  .p-wdk-wrapping__img .p-wrapping-hdg {
    margin-top: 3.33333%;
    margin-bottom: 7.24638%;
    font-size: 1.3rem
  }

  .p-wdk-wrapping__txt {
    margin-bottom: 4.34783%
  }

  .p-wdk-wrapping .l-col {
    margin-bottom: 10%
  }

  .p-wdk-goods__txt {
    font-size: 1.6rem
  }

  .p-wdk-goods__inner__hdg {
    font-size: 1.8rem;
    width: 72.46377%;
    padding-left: 1rem
  }

  .p-wdk-goods__inner__txt {
    font-size: 1.5rem
  }

  .p-wdk-goods__inner figure {
    width: 20.57971%;
    padding-top: .7rem
  }

  .p-wdk-goods__item {
    font-size: 1.3rem;
    margin-bottom: 1.44928%
  }

  .p-wdk-goods__price {
    font-size: 1.3rem
  }

  .p-wdk .c-btn a {
    font-size: 1.6rem;
    line-height: 1;
    padding: 1.7rem 3rem !important
  }

  .p-wdk .c-btn a:after {
    width: 5.7971%;
    height: 4rem;
    left: 63.76812%
  }

  .p-wdk-slider {
    margin-bottom: 15.94203%
  }

  .p-wdk-slider-hdg {
    font-size: 2rem;
    margin-bottom: 2rem
  }

  .p-wdk-mt0 {
    margin-top: 0
  }
}

@media screen and (max-width:794px) and (max-width:794px) {
  .p-wdk__ttl:nth-child(2) {
    margin-top: 0
  }

  .p-wdk-wrapping__img .c-row.c-row__inner {
    width: 100%
  }

  .p-wdk-slider-hdg span {
    display: block
  }
}

@media screen and (min-width:795px) and (max-width:794px) {
  .p-wdk-wrapping__txt .c-row.c-row__inner {
    width: 100%;
    margin-top: 3rem
  }
}
.pc-display-wrap {
  display: block!important;
}

.sp-display-wrap {
  display: none!important;
}

/* screen-sp.css 移植 */
@media only screen and (min-width: 750px) and (max-width: 794px) {
  .l-legacy .tab-img img {
    max-width: 80%;
    height: auto;
    vertical-align: middle
  }
}
@media only screen and (max-width: 794px) {
  .pc-display-wrap {
    display: none!important;
  }
  .sp-display-wrap {
    display: block!important;
  }

  /* body {
    background-color: #eee
  } */

  @font-face {
    font-family: icons;
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot?#iefix) format("embedded-opentype"), url(../fonts/icons.woff) format("woff"), url(../fonts/icons.ttf) format("truetype"), url(../fonts/icons.svg#icons) format("svg");
    font-weight: 400;
    font-style: normal
  }

  .icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: -2px;
    speak: none;
    text-transform: none
  }

  .icon-circle {
    display: inline-block;
    padding: .4em;
    line-height: 0;
    border-radius: 50%;
    font-size: .75em;
    vertical-align: .2em
  }

  .icon.-air-plane:before {
    content: ""
  }

  .icon.-art-book:before {
    content: ""
  }

  .icon.-bag:before {
    content: ""
  }

  .icon.-bell:before {
    content: ""
  }

  .icon.-bento:before {
    content: ""
  }

  .icon.-book:before {
    content: ""
  }

  .icon.-box:before {
    content: ""
  }

  .icon.-brash:before {
    content: ""
  }

  .icon.-c-down:before {
    content: ""
  }

  .icon.-c-left:before {
    content: ""
  }

  .icon.-c-right:before {
    content: ""
  }

  .icon.-c-up:before {
    content: ""
  }

  .icon.-calendar:before {
    content: ""
  }

  .icon.-chase:before {
    content: ""
  }

  .icon.-close:before {
    content: ""
  }

  .icon.-darts:before {
    content: ""
  }

  .icon.-dolly:before {
    content: ""
  }

  .icon.-down-thin:before {
    content: ""
  }

  .icon.-down:before {
    content: ""
  }

  .icon.-exclamation:before {
    content: ""
  }

  .icon.-external:before {
    content: ""
  }

  .icon.-finger:before {
    content: ""
  }

  .icon.-frame-stamp:before {
    content: ""
  }

  .icon.-geo:before {
    content: ""
  }

  .icon.-gift-box:before {
    content: ""
  }

  .icon.-gift-season:before {
    content: ""
  }

  .icon.-hagaki:before {
    content: ""
  }

  .icon.-hanko:before {
    content: ""
  }

  .icon.-hometown:before {
    content: ""
  }

  .icon.-id:before {
    content: ""
  }

  .icon.-left-thin:before {
    content: ""
  }

  .icon.-left:before {
    content: ""
  }

  .icon.-letter-pack:before {
    content: ""
  }

  .icon.-letter-stamp:before {
    content: ""
  }

  .icon.-letter:before {
    content: ""
  }

  .icon.-money:before {
    content: ""
  }

  .icon.-moning-glory:before {
    content: ""
  }

  .icon.-mouhitsu:before {
    content: ""
  }

  .icon.-note:before {
    content: ""
  }

  .icon.-post-stamp:before {
    content: ""
  }

  .icon.-ribbon:before {
    content: ""
  }

  .icon.-right-thin:before {
    content: ""
  }

  .icon.-right:before {
    content: ""
  }

  .icon.-search:before {
    content: ""
  }

  .icon.-search2:before {
    content: ""
  }

  .icon.-shop:before {
    content: ""
  }

  .icon.-smart-letter:before {
    content: ""
  }

  .icon.-smart-phone:before {
    content: ""
  }

  .icon.-track:before {
    content: ""
  }

  .icon.-transporter:before {
    content: ""
  }

  .icon.-up-thin:before {
    content: ""
  }

  .icon.-up:before {
    content: ""
  }

  .icon.-window-l:before {
    content: ""
  }

  .icon.-yu-pack:before {
    content: ""
  }

  .icon.-halloween:before {
    content: ""
  }

  .icon.-download:before {
    content: ""
  }

  /* .icon.-pr-blank:before {
    content: ""
  } */

  .icon.-scissor:before {
    content: ""
  }

  .icon.-nenmatsu:before {
    content: ""
  }

  .icon.-oseibo:before {
    content: ""
  }

  .icon.-christmas:before {
    content: ""
  }

  .icon.-another:before {
    content: ""
  }

  .icon.-window:before {
    content: ""
  }

  .icon.-another-blank:before {
    content: ""
  }

  .icon.-pr:before {
    content: ""
  }

  .icon.-sensu:before {
    content: ""
  }

  .icon.-valentine:before {
    content: ""
  }

  .icon.-birth-gift:before {
    content: ""
  }

  .icon.-postclick:before {
    content: ""
  }

  .icon.-revice:before {
    content: ""
  }

  .icon.-souvenir:before {
    content: ""
  }

  .icon.-fathers-day:before {
    content: ""
  }

  .icon.-kamomail:before {
    content: ""
  }

  .icon.-conveni-print:before {
    content: ""
  }

  .icon.-stationery:before {
    content: ""
  }

  .icon.-summer-gift:before {
    content: ""
  }

  .icon.-hakopos:before {
    content: ""
  }

  @font-face {
    font-family: Noto Sans Japanese;
    font-weight: 100;
    font-style: normal
  }

  @font-face {
    font-family: Noto Sans Japanese;
    font-weight: 200;
    font-style: normal
  }

  @font-face {
    font-family: Noto Sans Japanese;
    font-weight: 300;
    font-style: normal
  }

  @font-face {
    font-family: Noto Sans Japanese;
    font-weight: 400;
    font-style: normal
  }

  @font-face {
    font-family: Noto Sans Japanese;
    font-weight: 500;
    font-style: normal
  }

  @font-face {
    font-family: Noto Sans Japanese;
    font-weight: 700;
    font-style: normal
  }

  @font-face {
    font-family: Noto Sans Japanese;
    font-weight: 900;
    font-style: normal
  }

  .l-legacy *, .l-legacy :after, .l-legacy :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  html.l-legacy {
    padding: 0;
    position: relative;
    font-size: 47.61902%
  }

  body.l-legacy {
    background-color: #eee;
    font-size: .6625rem
  }

  .l-legacy, body.l-legacy {
    color: #181818;
    font-family: Noto Sans Japanese, Helvetica, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;
    font-weight: 300;
    line-height: 1.7
  }

  .l-legacy a {
    color: #393939;
    outline: none;
    cursor: pointer;
    text-decoration: none
  }

  .l-legacy hr {
    border: solid #e3e4e6;
    border-width: 1px 0 0
  }

  .l-legacy img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
  }

  .l-legacy table {
    border-collapse: collapse
  }

  .l-legacy li, .l-legacy ul {
    list-style: none;
    margin: 0;
    padding-left: 0
  }

  .l-legacy p {
    margin: 4% 0
  }

  .l-legacy .l-container {
    width: 100%;
    max-width: 640px;
    margin: auto;
    padding-top: 53px;
    overflow: hidden
  }

  .l-legacy .l-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ce0500;
    text-align: center;
    padding: 12px 0;
    z-index: 90
  }

  .l-legacy .l-header__to-top {
    position: absolute;
    top: 13px;
    left: 12px;
    border: 2px solid #fff;
    border-radius: 3px;
    padding: 0 .4em;
    font-size: 18px;
    line-height: 1.4;
    color: #fff
  }

  .l-legacy .l-header__icon {
    display: inlien-box;
    position: absolute;
    top: 12px;
    right: 12px
  }

  .l-legacy .l-main {
    padding: 4%
  }

  .l-legacy .c-button {
    display: inline-block;
    position: relative;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ce0500;
    color: #fff;
    text-align: center;
    font-weight: 300;
    text-decoration: none
  }

  .l-legacy .c-button:hover {
    opacity: .9
  }

  .l-legacy .c-button.is-disabled {
    pointer-events: none;
    cursor: default
  }

  .l-legacy .c-button.is-disabled:hover {
    opacity: 1
  }

  .l-legacy .c-button.is-invert {
    background-color: #fff;
    color: #ce0500 !important;
    border: 1px solid #ce0500
  }

  .l-legacy .c-button.is-invert .icon-circle {
    background-color: #ce0500 !important;
    color: #fff
  }

  .l-legacy .c-button--has-icon {
    padding-right: 35px
  }

  .l-legacy .c-button--has-icon.c-button--middle {
    padding-right: 3.75rem
  }

  .l-legacy .c-button__icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.5rem
  }

  .l-legacy .c-button__icon.icon-circle {
    font-size: .6em
  }

  .l-legacy .c-button--full, .l-legacy .c-button--middle {
    font-size: 1.5rem;
    padding: 10px 20px
  }

  .l-legacy .c-button--full {
    width: 100%
  }

  .l-legacy button.c-button {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    border: 0
  }

  .l-legacy button.c-button:focus {
    outline: none
  }

  .l-legacy .c-buttons .c-button {
    margin-right: 10px
  }

  .l-legacy .c-center-button-container {
    margin: 30px 25px
  }

  .l-legacy .c-tabs {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  .l-legacy .c-tabs__item {
    display: table-cell;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
  }

  .l-legacy .c-tabs__item:last-child {
    border-right-width: 0
  }

  .l-legacy .c-tabs__item a {
    display: block;
    text-align: center;
    padding: 1.5rem 0;
    color: inherit;
    -webkit-tap-highlight-color: transparent
  }

  .l-legacy .c-tabs__item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 3px
  }

  .l-legacy .c-tabs__item.is-active:before {
    background-color: currentColor
  }

  .l-legacy .c-tabs__item.is-disable {
    background-color: #e3e4e6
  }

  .l-legacy .c-tabs__item.is-disable a {
    cursor: default
  }

  .l-legacy .c-tabs__item--div2 {
    width: 50%
  }

  .l-legacy .c-tabs__item--div10 {
    width: 10%
  }

  .l-legacy .c-tab-body {
    display: none
  }

  .l-legacy .c-tab-body.is-active {
    display: block
  }

  .l-legacy .c-card {
    background-color: #fff;
    margin-top: 0;
    padding: 4%;
    display: block
  }

  .l-legacy .c-card a {
    display: inherit;
    position: inherit;
    padding-top: inherit;
    margin-left: inherit;
    width: inherit
  }

  .l-legacy .c-card__header {
    margin: -4% -4% 0
  }

  .l-legacy .c-card__item {
    width: 100%;
    margin: 0 0 4%
  }

  .l-legacy .c-card__item:last-child {
    margin-bottom: 0
  }

  .l-legacy .c-card--fullfill {
    padding: 0
  }

  .l-legacy a.c-card:hover {
    opacity: .8
  }

  .l-legacy .c-badge {
    display: inline-block;
    margin-right: 1%;
    border-radius: 20px;
    background-color: #ce0500;
    color: #fff;
    padding: .2em .8em
  }

  .l-legacy .c-heading1, .l-legacy h1 {
    font-size: 2.55rem;
    font-weight: lighter;
    margin-top: 1.425rem;
    margin-bottom: 1.425rem
  }

  .l-legacy .c-heading1--bold, .l-legacy h1--bold {
    font-weight: 500
  }

  .l-legacy .c-heading2, .l-legacy h2 {
    font-size: 1.95rem;
    font-weight: lighter;
    margin-top: 1.425rem;
    margin-bottom: 1.425rem
  }

  .l-legacy .c-heading2--bold, .l-legacy h2--bold {
    font-weight: 500
  }

  .l-legacy .c-heading3, .l-legacy h3 {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 1.425rem 0
  }

  .l-legacy .c-heading3--bold, .l-legacy h3--bold {
    font-weight: 500
  }

  .l-legacy .c-media {
    display: block;
    margin-bottom: 4%;
    zoom: 1
  }

  .l-legacy .c-media:after {
    content: "";
    display: block;
    clear: both
  }

  .l-legacy .c-media__picture {
    display: block;
    width: 25.83%;
    margin-right: 5.38%;
    float: left
  }

  .l-legacy .c-media__picture img {
    width: 100%
  }

  .l-legacy .c-media__body {
    display: block;
    width: 68.79%;
    float: left
  }

  .l-legacy a.c-media:hover {
    opacity: .8
  }

  .l-legacy .c-ruby {
    position: relative
  }

  .l-legacy .c-ruby ruby {
    position: absolute;
    bottom: -1.4em;
    left: 0;
    width: 100%;
    font-size: .4em
  }

  .l-legacy .c-grid {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  .l-legacy .c-grid:after {
    content: " ";
    display: block;
    clear: both
  }

  .l-legacy .c-grid__col-1 {
    width: 7.63359%;
    float: left;
    margin-right: .76336%
  }

  .l-legacy .c-grid__col-1:last-child {
    float: right;
    margin-right: 0
  }

  .l-legacy .c-grid__col-2 {
    width: 16.03053%;
    float: left;
    margin-right: .76336%
  }

  .l-legacy .c-grid__col-2:last-child {
    float: right;
    margin-right: 0
  }

  .l-legacy .c-grid__col-3 {
    width: 24.42748%;
    float: left;
    margin-right: .76336%
  }

  .l-legacy .c-grid__col-3:last-child {
    float: right;
    margin-right: 0
  }

  .l-legacy .c-grid__col-4 {
    width: 32.82443%;
    float: left;
    margin-right: .76336%
  }

  .l-legacy .c-grid__col-4:last-child {
    float: right;
    margin-right: 0
  }

  .l-legacy .c-grid__col-5 {
    width: 41.22137%;
    float: left;
    margin-right: .76336%
  }

  .l-legacy .c-grid__col-5:last-child {
    float: right;
    margin-right: 0
  }

  .l-legacy .c-grid__col-6 {
    width: 49.61832%;
    float: left;
    margin-right: .76336%
  }

  .l-legacy .c-grid__col-6:last-child {
    float: right;
    margin-right: 0
  }

  .l-legacy .c-grid__col-7 {
    width: 58.01527%;
    float: left;
    margin-right: .76336%
  }

  .l-legacy .c-grid__col-7:last-child {
    float: right;
    margin-right: 0
  }

  .l-legacy .c-grid__col-8 {
    width: 66.41221%;
    float: left;
    margin-right: .76336%
  }

  .l-legacy .c-grid__col-8:last-child {
    float: right;
    margin-right: 0
  }

  .l-legacy .c-grid__col-9 {
    width: 74.80916%;
    float: left;
    margin-right: .76336%
  }

  .l-legacy .c-grid__col-9:last-child {
    float: right;
    margin-right: 0
  }

  .l-legacy .c-grid__col-10 {
    width: 83.20611%;
    float: left;
    margin-right: .76336%
  }

  .l-legacy .c-grid__col-10:last-child {
    float: right;
    margin-right: 0
  }

  .l-legacy .c-grid__col-11 {
    width: 91.60305%;
    float: left;
    margin-right: .76336%
  }

  .l-legacy .c-grid__col-11:last-child {
    float: right;
    margin-right: 0
  }

  .l-legacy .c-grid__col-12 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
  }

  .l-legacy .c-grid__col-12:last-child {
    float: right;
    margin-right: 0
  }

  .l-legacy .p-copyright {
    color: #fff;
    text-align: center
  }

  .l-legacy .p-copyright__rights {
    color: #181818;
    margin: 0;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    padding-bottom: 6.9px
  }

  .l-legacy .p-copyright__logo {
    background-color: #ce0500;
    padding: 13.8px
  }

  .l-legacy .p-copyright__logo__tar {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
  }

  .l-legacy .p-footer-links {
    zoom: 1;
    margin-bottom: 10px;
    font-size: .825rem;
    padding: 0 calc(13.225% - 41.814px)
  }

  .l-legacy .p-footer-links:after {
    content: "";
    display: block;
    clear: both
  }

  .l-legacy .p-footer-links--white {
    color: #fff
  }

  .l-legacy .p-footer-links--sp {
    margin-bottom: 2.6em;
    text-align: center
  }

  .l-legacy .p-footer-links__separator {
    margin: 10px
  }

  .l-legacy .p-footer-links__item {
    float: left;
    margin-right: 20px
  }

  .l-legacy .p-footer-links__item--external:before {
    content: ""
  }

  .l-legacy .p-footer-links__item--another-blank:before, .l-legacy .p-footer-links__item--external:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: -2px;
    speak: none;
    text-transform: none
  }

  .l-legacy .p-footer-links__item--another-blank:before {
    content: ""
  }

  .l-legacy .p-footer-links__item--link:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: -2px;
    speak: none;
    text-transform: none
  }

  .l-legacy .p-footer-links__item:before {
    font-size: .8em;
    vertical-align: middle;
    margin-right: 3px
  }

  .l-legacy .p-footer-links a {
    color: inherit
  }

  .l-legacy .p-back-to-top {
    text-align: right;
    margin: 4% 0 .6rem
  }

  .l-legacy .p-back-to-top--invert a {
    color: #fff
  }

  .l-legacy .p-back-to-top__icon {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    border-radius: 50%;
    background-color: #fff
  }

  .l-legacy .p-back-to-top__icon:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 9px;
    left: 8px;
    border-left: 1px solid #ce0500;
    border-color: #ce0500 #ce0500 currentcolor;
    border-top: 1px solid #ce0500
  }

  .l-legacy .p-hamburger-button {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    background: none rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
    vertical-align: middle;
    color: inherit;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font: inherit;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    width: 27px;
    height: 27px;
    cursor: pointer;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  .l-legacy .p-hamburger-button:focus {
    outline: none
  }

  .l-legacy .p-hamburger-button span, .l-legacy .p-hamburger-button span:after, .l-legacy .p-hamburger-button span:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 1px
  }

  .l-legacy .p-hamburger-button span:after, .l-legacy .p-hamburger-button span:before {
    content: "";
    left: 0;
    -webkit-transition: .1s;
    transition: .1s
  }

  .l-legacy .p-hamburger-button span:before {
    top: -8px
  }

  .l-legacy .p-hamburger-button span:after {
    bottom: -8px
  }

  .l-legacy .p-hamburger-button.is-open span {
    background-color: rgba(0, 0, 0, 0)
  }

  .l-legacy .p-hamburger-button.is-open span:after, .l-legacy .p-hamburger-button.is-open span:before {
    top: -2px
  }

  .l-legacy .p-hamburger-button.is-open span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .l-legacy .p-hamburger-button.is-open span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  .l-legacy .p-drawer-menu {
    position: fixed;
    top: 53px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #eee;
    z-index: 999999;
    overflow: auto;
    padding-top: .75rem;
    display: none;
    -webkit-overflow-scrolling: touch
  }

  .l-legacy .p-drawer-menu.is-open {
    display: block
  }

  .l-legacy .p-drawer-menu__body {
    background: #fff;
    padding: 4%
  }

  .l-legacy .p-drawer-menu .c-tabs__item {
    font-weight: 500;
    border-bottom: 2px solid #eee
  }

  .l-legacy .p-drawer-menu .c-tabs__item:before {
    height: 7px
  }

  .l-legacy .p-drawer-menu .c-tabs__item:first-child {
    border-right: 2px solid #eee
  }

  .l-legacy .p-drawer-menu .c-tabs__item.is-active {
    border-bottom-color: rgba(0, 0, 0, 0)
  }

  .l-legacy .p-drawer-menu .c-tabs__item.is-active:before {
    background-color: currentColor
  }

  .l-legacy .p-drawer-list__item {
    position: relative;
    font-weight: 400
  }

  .l-legacy .p-drawer-list__item a {
    display: block;
    padding: .5em 0
  }

  .l-legacy .p-drawer-list__item--thin {
    font-weight: inherit;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f5f6f5
  }

  .l-legacy .p-drawer-list__item--thin:first-child {
    border-top: none;
    margin-top: 0
  }

  .l-legacy .p-drawer-list__item--thin a:after {
    display: none
  }

  .l-legacy .p-drawer-list__icon {
    font-size: 1.3em;
    padding: .2em;
    color: #fff;
    vertical-align: middle;
    line-height: 0;
    margin-right: 8px
  }

  .l-legacy .p-drawer-list__external {
    font-size: .8em
  }

  .l-legacy .p-drawer-list__external.-pr-blank {
    font-size: 1.6em
  }

  .l-legacy .p-drawer-list--gift .p-drawer-list__icon {
    background-color: #f0922c
  }

  .l-legacy .p-drawer-list--letter .p-drawer-list__icon {
    background-color: #566900
  }

  .l-legacy .p-drawer-sns-link-btn {
    width: 47.5%;
    display: block;
    padding: .5em 1.75em;
    line-height: 1.3;
    font-size: 1em;
    color: #fff;
    text-align: center;
    position: relative
  }

  .l-legacy .p-drawer-sns-link-btn--fb {
    background-color: #3b579d
  }

  .l-legacy .p-drawer-sns-link-btn--tw {
    background-color: #00aced
  }

  .l-legacy .p-drawer-sns-link-btn__inner {
    display: table;
    width: 5.5em;
    margin: 0 auto;
    table-layout: fixed
  }

  .l-legacy .p-drawer-sns-link-btn__inner>span {
    display: table-cell
  }

  .l-legacy .p-drawer-sns-link-btn .icon {
    position: absolute;
    right: .75em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .l-legacy .p-drawer-login {
    border: 2px solid #f4f5f4;
    margin-top: 3%;
    text-align: center
  }

  .l-legacy .p-drawer-login[data-login-status=false] .p-drawer-login__btn:first-child, .l-legacy .p-drawer-login[data-login-status=true] .p-drawer-login__btn:last-child {
    display: block
  }

  .l-legacy .p-drawer-login__btn {
    display: none;
    padding: 3% 2%
  }

  .l-legacy .p-drawer-login__btn>img {
    margin-right: 1em
  }

  .l-legacy .p-slider {
    position: relative;
    max-width: 100%
  }

  .l-legacy .p-slider .slick-list {
    overflow: hidden;
    margin: 0 -10px
  }

  .l-legacy .p-slider__slide {
    margin: 0 10px;
    display: none
  }

  .l-legacy .p-slider__slide a {
    display: block;
    background-color: #fff
  }

  .l-legacy .p-slider__slide a:hover img {
    opacity: .8
  }

  .l-legacy .p-slider__slide img {
    width: 100%
  }

  .l-legacy .p-slider__slide:first-of-type, .slick-initialized .l-legacy .p-slider__slide {
    display: block
  }

  .l-legacy .p-slider .slick-slide {
    display: block;
    float: left
  }

  .l-legacy .p-slider .slick-slide:focus, .l-legacy .p-slider .slick-slide a {
    outline: none
  }

  .l-legacy .slick-dots {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center
  }

  .l-legacy .slick-dots li {
    display: inline-block;
    margin-right: 10px
  }

  .l-legacy .slick-dots button {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    background: none rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
    vertical-align: middle;
    color: inherit;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font: inherit;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: .9rem;
    width: .9rem;
    color: #fff;
    border: 3px solid;
    border-radius: 50%;
    background-color: currentColor;
    font-size: 0;
    cursor: pointer;
    opacity: .5
  }

  .l-legacy .slick-dots button:focus {
    outline: none
  }

  .l-legacy .slick-dots .slick-active button {
    opacity: 1
  }

  .l-legacy .p-slider--banner .slick-dots {
    bottom: 0
  }

  .l-legacy .p-slider--banner .slick-dots button {
    color: grey;
    width: 6px;
    height: 6px
  }

  .l-legacy .p-slider--banner .slick-active button {
    opacity: .8
  }

  .l-legacy .p-top-slider .slick-dots button {
    color: #000;
    opacity: .6
  }

  .l-legacy .p-top-slider .slick-dots .slick-active button {
    opacity: 1;
    color: #cb0000
  }

  .l-legacy .p-accordion__header {
    display: block;
    position: relative;
    padding: 3%;
    margin: 0;
    background-color: #fff;
    font-size: 1.2rem;
    font-weight: 500
  }

  .l-legacy .p-accordion__header__button {
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.5rem;
    height: 2px;
    width: 1em;
    background-color: #ce0500
  }

  .l-legacy .p-accordion__header__button:after {
    content: "";
    display: block;
    width: 1em;
    height: 2px;
    background-color: #ce0500;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  .is-open .l-legacy .p-accordion__header__button:after {
    display: none
  }

  .l-legacy .p-accordion__body {
    display: none;
    padding-bottom: 4%
  }

  .is-open .l-legacy .p-accordion__body {
    display: block
  }

  .l-legacy .p-anchor-link {
    display: inline-block;
    position: relative;
    background-color: #fff;
    padding: 30px 0;
    text-align: center
  }

  .l-legacy .p-anchor-link:before {
    content: "";
    display: block;
    width: .8em;
    height: .8em;
    position: absolute;
    bottom: 1em;
    left: 50%;
    border-color: currentcolor;
    border-style: solid;
    border-width: 0 1px 1px 0;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
  }

  .l-legacy .p-anchor-links {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.38983%
  }

  .l-legacy .p-anchor-links:after {
    content: " ";
    display: block;
    clear: both
  }

  .l-legacy .p-anchor-links--2div .p-anchor-link {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%
  }

  .l-legacy .p-anchor-links--2div .p-anchor-link:last-child {
    width: 49.15254%;
    float: right;
    margin-right: 0
  }

  .l-legacy .p-anchor-links--top {
    font-size: 1.35rem;
    font-weight: 500
  }

  .l-legacy .p-anchor-links--top .p-anchor-link:before {
    border-bottom-width: 2px;
    border-right-width: 2px
  }

  .l-legacy .p-category-gallery {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  .l-legacy .p-category-gallery:after {
    content: " ";
    display: block;
    clear: both
  }

  .l-legacy .p-category-gallery__accordion {
    margin-top: 1.53846%
  }

  .l-legacy .p-category-gallery__item {
    width: 49.23077%;
    float: left;
    display: table-cell;
    margin-top: 1.53846%
  }

  .l-legacy .p-category-gallery__item:nth-child(odd) {
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .l-legacy .p-category-gallery__item:nth-child(2n+2) {
    margin-left: 50.76923%;
    margin-right: -100%;
    clear: none
  }

  .l-legacy .p-category-gallery__item:first-of-type, .l-legacy .p-category-gallery__item:nth-of-type(2) {
    margin-top: 0
  }

  .l-legacy .p-category-gallery>p {
    margin: 0;
    font-size: 30px
  }

  .l-legacy .p-category-gallery__more {
    display: table;
    padding: 3% 2% 3% 0;
    margin: 0 auto;
    width: 95%;
    border-bottom: 2px solid #eee
  }

  .l-legacy .p-category-gallery__more:last-child {
    border: none
  }

  .l-legacy .p-category-gallery__moreCenter, .l-legacy .p-category-gallery__moreLeft, .l-legacy .p-category-gallery__moreRight {
    display: table-cell;
    vertical-align: middle
  }

  .l-legacy .p-category-gallery__moreLeft>span {
    font-size: 25px
  }

  .l-legacy .p-category-gallery__moreCenter {
    width: 81%
  }

  .l-legacy .p-category-gallery__moreCenter>h1, .l-legacy .p-category-gallery__moreCenter>p {
    margin: 0 0 0 20px
  }

  .l-legacy .p-category-gallery__moreRight {
    width: 120px;
    display: table-cell;
    font-size: 1.35rem;
    white-space: nowrap
  }

  .l-legacy .p-category-gallery__moreRight .icon-circle {
    font-size: .6em
  }

  .l-legacy .p-category-gallery__accordion>.p-accordion__header:hover {
    background-color: #c00
  }

  .l-legacy .p-category-gallery__accordion>.p-accordion__header:hover>.p-category-gallery__head-def, .l-legacy .p-category-gallery__accordion>.p-accordion__header:hover>.p-category-gallery__head-open {
    color: #fff
  }

  .l-legacy .p-category-gallery__head-def, .l-legacy .p-category-gallery__head-open {
    font-size: 20px;
    color: #c00
  }

  .l-legacy .p-category-gallery__head-def>i, .l-legacy .p-category-gallery__head-open>i {
    margin-left: 8px
  }

  .is-open .l-legacy .p-category-gallery__head-def, .l-legacy .p-category-gallery__head-open {
    display: none
  }

  .is-open .l-legacy .p-category-gallery__head-open {
    display: block
  }

  .l-legacy .p-sp-category-gallery__moreLeft, .l-legacy .p-sp-category-gallery__moreRight {
    display: table-cell;
    vertical-align: middle
  }

  .l-legacy .p-sp-category-gallery__moreLeft {
    text-align-last: left
  }

  .l-legacy .p-sp-category-gallery__moreLeft>span {
    font-size: 16px
  }

  .l-legacy .p-sp-category-gallery__moreRight {
    width: 93%
  }

  .l-legacy .p-sp-category-gallery__moreRight>h1, .l-legacy .p-sp-category-gallery__moreRight>p {
    margin: 0
  }

  .l-legacy .p-sp-category-gallery__moreRight>h1 {
    display: inline-block;
    font-size: 12px
  }

  .l-legacy .p-sp-category-gallery__moreRight>p {
    font-size: 11px
  }

  .l-legacy .p-sp-category-gallery__moreHead>p {
    margin: 0;
    font-size: 17px
  }

  .l-legacy .p-sp-category-gallery__head-def, .l-legacy .p-sp-category-gallery__head-open {
    font-size: 12px
  }

  .l-legacy .p-sp-category-gallery__head-def>i, .l-legacy .p-sp-category-gallery__head-open>i {
    margin-left: 5px
  }

  .is-open .l-legacy .p-sp-category-gallery__head-def, .l-legacy .p-sp-category-gallery__head-open {
    display: none
  }

  .is-open .l-legacy .p-sp-category-gallery__head-open {
    display: block
  }

  .l-legacy .p-component-section {
    border-top: 1px solid #e3e4e6
  }

  .l-legacy .p-component-block>:first-child {
    border: 1px dashed #bbb
  }

  .l-legacy .p-component-block pre {
    padding: 3px 5px;
    overflow: auto
  }

  .l-legacy .p-component-blocks {
    width: 100%
  }

  .l-legacy .p-component-blocks .p-component-block {
    display: inline-block
  }

  .l-legacy .p-form input[type=search], .l-legacy .p-form input[type=text] {
    -webkit-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9px;
    border: 1px solid #e3e4e6;
    border-radius: 0;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    color: inherit
  }

  .l-legacy .p-form input[type=search]:focus, .l-legacy .p-form input[type=text]:focus {
    outline: none
  }

  .l-legacy .p-form input[type=search]::-webkit-input-placeholder, .l-legacy .p-form input[type=text]::-webkit-input-placeholder {
    color: #d2d2d2
  }

  .l-legacy .p-form input[type=search]:-ms-input-placeholder, .l-legacy .p-form input[type=text]:-ms-input-placeholder {
    color: #d2d2d2
  }

  .l-legacy .p-form input[type=search].placeholder, .l-legacy .p-form input[type=search]::-webkit-input-placeholder, .l-legacy .p-form input[type=text].placeholder, .l-legacy .p-form input[type=text]::-webkit-input-placeholder {
    color: #d2d2d2
  }

  .l-legacy .p-form input[type=search].placeholder, .l-legacy .p-form input[type=search]:-ms-input-placeholder, .l-legacy .p-form input[type=text].placeholder, .l-legacy .p-form input[type=text]:-ms-input-placeholder {
    color: #d2d2d2
  }

  .l-legacy .p-form input[type=search].placeholder, .l-legacy .p-form input[type=search]::placeholder, .l-legacy .p-form input[type=text].placeholder, .l-legacy .p-form input[type=text]::placeholder {
    color: #d2d2d2
  }

  .l-legacy .p-form input[type=search].placeholder, .l-legacy .p-form input[type=text].placeholder {
    color: #d2d2d2 !important
  }

  .l-legacy .p-form__select {
    display: inline-block;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    min-width: 160px;
    background: url(/assets_yjp/images/select-handle.png) no-repeat 100%;
    -webkit-background-size: 42px 42px;
    background-size: 42px 42px
  }

  .l-legacy .p-form__select:active, .l-legacy .p-form__select:focus, .l-legacy .p-form__select:hover {
    outline: none
  }

  .l-legacy .p-form__select:after {
    pointer-events: none;
    content: "";
    display: block;
    border: 1px solid #e3e4e6;
    position: absolute;
    top: 0;
    left: 0;
    right: 43px;
    bottom: 0
  }

  .l-legacy .p-form__select select {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    background: none rgba(0, 0, 0, 0);
    margin: 0;
    vertical-align: middle;
    color: inherit;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font: inherit;
    -webkit-tap-highlight-color: transparent;
    padding: 9px;
    width: 110%
  }

  .l-legacy .p-form__select select:focus {
    outline: none
  }

  .l-legacy .p-form__select select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #000
  }

  .l-legacy .p-form--word-search input[type=search], .l-legacy .p-form--word-search input[type=text] {
    border: 0
  }

  .l-legacy .p-modal-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 9999;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    background-color: rgba(0, 0, 0, .5)
  }

  .l-legacy .p-modal-wrapper:before {
    display: inline-block;
    margin-left: -.05em;
    content: "";
    vertical-align: middle;
    height: 120%
  }

  .l-legacy .p-modal-wrapper.is-loading:after {
    content: url(/assets_yjp/images/loading.gif);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 10px;
    border-radius: 5px
  }

  .l-legacy .p-modal-content {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    max-width: 90%;
    margin-top: 10%
  }

  .l-legacy .p-modal-content__body {
    position: relative;
    margin: 0 auto;
    background-color: #eee;
    padding: 30px 6% 6%
  }

  .l-legacy .p-modal-content__close {
    position: absolute;
    top: 1%;
    right: 1%;
    padding: 0 9px;
    color: #ce0500;
    font-size: 20px;
    font-weight: 700
  }

  .l-legacy .p-hagaki-modal {
    width: 85%
  }

  .l-legacy .p-hagaki-modal--post-stamp {
    width: 520px
  }

  .l-legacy .p-hagaki-modal__img {
    margin: 0 auto;
    text-align: center
  }

  .l-legacy .p-hagaki-modal__img>img {
    width: 80%
  }

  .l-legacy .p-hagaki-modal__txt {
    margin: 0 auto
  }

  .l-legacy .p-hagaki-modal__txt>h3 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: bolder
  }

  .l-legacy .p-hagaki-modal__txt>p {
    margin: 0;
    font-size: 1.05rem
  }

  .l-legacy .p-hagaki-modal__note {
    margin: 0 auto
  }

  .l-legacy .p-designkit-modal__cols {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  .l-legacy .p-designkit-modal__col {
    display: table-cell;
    vertical-align: middle
  }

  .l-legacy .p-designkit-modal__col:last-child {
    padding-left: 25px
  }

  .l-legacy .p-designkit-modal__image {
    position: relative;
    width: 360px;
    height: 360px;
    margin: 0 auto;
    background-color: #fff
  }

  .l-legacy .p-designkit-modal__image>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
  }

  .l-legacy .p-designkit-modal .c-heading1 {
    font-size: 1.95rem
  }

  .l-legacy .p-designkit-modal p {
    margin-bottom: 15px
  }

  .l-legacy .p-designkit-modal__buttons {
    text-align: center;
    font-size: 0
  }

  .l-legacy .p-designkit-modal__buttons__cancel {
    background-color: #333;
    margin-right: 50px
  }

  .l-legacy .p-designkit-modal__buttons .c-button {
    display: block;
    width: 100%;
    margin-bottom: 3%
  }

  .l-legacy .p-designkit-modal__buttons .c-button:last-child {
    margin-bottom: 0
  }

  .l-legacy .p-designkit-modal .c-button {
    font-size: 1.2rem
  }

  .l-legacy .p-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px
  }

  .l-legacy .p-table tbody td {
    border-bottom: 2px solid #bdbec0
  }

  .l-legacy .p-table td, .l-legacy .p-table th {
    padding: 1.5rem
  }

  .l-legacy .p-table th {
    text-align: left;
    font-weight: 700
  }

  .l-legacy .p-table .p-table__col-3 {
    width: 30%
  }

  .l-legacy .p-visual {
    position: relative;
    display: block;
    width: 100%
  }

  .l-legacy .p-visual>img, .l-legacy .p-visual__image {
    width: 100%
  }

  .l-legacy .p-visual__caption {
    font-weight: lighter;
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    margin: auto;
    color: #fff
  }

  .l-legacy .p-visual__footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 15px 10px;
    text-align: right
  }

  .l-legacy .p-visual--cover:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3)
  }

  .l-legacy .p-sp-nationwide-item-each {
    margin-bottom: 7%
  }

  .l-legacy .p-sp-nationwide-item>h2 {
    margin: 0 0 5%;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 1.14286
  }

  .l-legacy .p-sp-nationwide-item--head {
    float: right;
    position: relative;
    margin-bottom: 2%;
    width: 97%;
    border-radius: 10px;
    background-color: #e0e0e0
  }

  .l-legacy .p-sp-nationwide-item--head>p {
    padding: 2%;
    margin: 0;
    font-size: 11px;
    line-height: 1.5625
  }

  .l-legacy .p-sp-nationwide-item--head>div {
    top: 40%;
    left: -4%;
    z-index: -1;
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-right: 25px solid #e0e0e0;
    border-bottom: 5px solid rgba(0, 0, 0, 0)
  }

  .l-legacy .p-sp-nationwide-item--desc {
    display: table;
    padding: 4%;
    width: 100%;
    background-color: #fff;
    table-layout: fixed
  }

  .l-legacy .p-sp-nationwide-item--desc-left, .l-legacy .p-sp-nationwide-item--desc-right {
    display: table-cell;
    height: 140px;
    vertical-align: top
  }

  .l-legacy .p-sp-nationwide-item--desc-left {
    padding-bottom: 2%;
    width: 30%
  }

  .l-legacy .p-sp-nationwide-item--desc-left>img {
    width: 95%
  }

  .l-legacy .p-sp-nationwide-item--desc-right {
    width: 70%;
    padding-left: 4%
  }

  .l-legacy .p-sp-nationwide-item--desc-right>p {
    margin: 0 0 3%;
    font-size: 11px;
    line-height: 1.5625
  }

  .l-legacy .p-sp-nationwide-item--desc-right>h3 {
    margin: 0 0 3%;
    font-size: 12px;
    font-weight: 700
  }

  .l-legacy .p-sp-nationwide-item--desc-right>h3>span {
    display: block;
    float: left;
    width: 60px;
    font-size: 11px;
    text-align: center;
    background-color: #f0922c
  }

  .l-legacy .p-sp-nationwide-item--price {
    margin: 0
  }

  .l-legacy .p-sp-nationwide-item--price>span {
    font-weight: 700
  }

  .l-legacy .p-sp-nationwide-item--btn {
    text-align: center
  }

  .l-legacy .p-sp-nationwide-item--btn>.btn-purchase {
    display: block;
    position: relative;
    padding: 2%;
    width: 100%;
    background-color: #f0922c
  }

  .l-legacy .p-sp-nationwide-item--btn>.btn-purchase--finish {
    background-color: #cbcbcb
  }

  .l-legacy .p-sp-nationwide-item--btn>.btn-purchase>i, .l-legacy .p-sp-nationwide-item--btn>.btn-purchase>p {
    font-size: 12px
  }

  .l-legacy .p-sp-nationwide-item--btn>.btn-purchase>p {
    display: inline-block;
    margin: 0;
    color: #fff
  }

  .l-legacy .p-sp-nationwide-item--btn>.btn-purchase>.icon-circle {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 13px
  }

  .l-legacy .p-letter {
    margin: 0 auto;
    width: 692px
  }

  .l-legacy .p-letter__head {
    margin-top: 20px;
    text-align: center
  }

  .l-legacy .p-letter__ttl {
    margin: 0 auto 50px;
    width: 418px
  }

  .l-legacy .p-letter__subTtl {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px
  }

  .l-legacy .p-letter__description {
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.8
  }

  .l-legacy .p-letterBlock {
    position: relative;
    margin-bottom: 60px
  }

  .l-legacy .p-letterBlock__thumb {
    float: left;
    margin-right: 15px;
    width: 338px
  }

  .l-legacy .p-letterBlock__thumb-right {
    float: right;
    width: 338px
  }

  .l-legacy .p-letterBlock__thumb-right>img, .l-legacy .p-letterBlock__thumb>img {
    border: 8px solid #fff
  }

  .l-legacy .p-letterBlock__content {
    float: left;
    width: 338px
  }

  .l-legacy .p-letterBlock__description {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 30px
  }

  .l-legacy .p-letterBlock__description>p {
    margin: 0
  }

  .l-legacy .p-letterBlock--border {
    position: relative;
    padding: 20px;
    margin-bottom: 60px;
    border: 4px solid #fff
  }

  .l-legacy .p-letterBlock--border>.p-letterBlock__thumb {
    width: 313px
  }

  .l-legacy .p-letterBlock--border>.p-letterBlock__thumb>img {
    border: none
  }

  .l-legacy .p-letterBlock--border>.p-letterBlock__content {
    width: 313px
  }

  .l-legacy .p-letterBlock--border>.p-letterBlock__content>p {
    margin: 0
  }

  .l-legacy .p-letterBlock--border .p-letterBlock__btn {
    bottom: 20px;
    width: 313px
  }

  .l-legacy .p-letterBlock__note {
    padding: 4px 8px;
    margin-top: 12px;
    border: 1px solid #dcdcdc
  }

  .l-legacy .p-letterBlock__note>p {
    margin: 0;
    font-size: 12px
  }

  .l-legacy .p-letterBlock__btn {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 338px
  }

  .l-legacy .p-letterBlock__btn-detail {
    display: block;
    padding: 21px 10px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #75441b;
    line-height: 1.3;
    -webkit-transition: all .3s;
    transition: all .3s
  }

  .l-legacy .p-letterBlock__btn-detail>.icon {
    margin-left: 7px
  }

  .l-legacy .p-letterBlock__btn-detail:hover {
    opacity: .6
  }

  .l-legacy .p-letterBlock__btn-small {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1.3
  }

  .l-legacy .p-letterHowtoWrite {
    position: relative;
    padding: 24px;
    background-color: #fff
  }

  .l-legacy .p-letterHowtoWrite__ttl {
    position: relative;
    margin: 0 0 24px
  }

  .l-legacy .p-letterHowtoWrite__ttl>span {
    position: absolute;
    bottom: -3px;
    left: 270px;
    font-size: 14px;
    font-weight: 700
  }

  .l-legacy .p-letterHowtoWrite__content {
    margin-bottom: 30px
  }

  .l-legacy .p-letterHowtoWrite__img {
    display: block;
    float: left
  }

  .l-legacy .p-letterHowtoWrite__description {
    display: block;
    float: right;
    width: 310px
  }

  .l-legacy .p-letterHowtoWrite__description>p {
    margin: 0 0 35px;
    font-size: 14px;
    line-height: 1.8
  }

  .l-legacy .p-letterHowtoWrite__btn {
    margin: 0 90px
  }

  .l-legacy .p-letter__copyright {
    margin-top: 30px;
    font-size: 12px;
    line-height: 2;
    text-align: center
  }

  .l-legacy .p-sp-letter__head {
    padding: 10px 0 0;
    margin: 0
  }

  .l-legacy .p-sp-letter__head>p {
    margin: 0;
    text-align: center
  }

  .l-legacy .p-sp-letter__ttl {
    padding-bottom: 17px;
    margin: 0;
    text-align: center
  }

  .l-legacy .p-sp-letter__subTtl {
    margin: 0 0 5px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3
  }

  .l-legacy .p-sp-letter p {
    margin: 0;
    font-size: 11px;
    line-height: 1.3
  }

  .l-legacy .p-sp-letterBlock {
    padding: 20px 0;
    border-bottom: 1px solid #ddd
  }

  .l-legacy .p-sp-letterBlock__thumb {
    padding: 5px;
    margin-bottom: 10px;
    background-color: #fff
  }

  .l-legacy .p-sp-letterBlock__thumb>img {
    display: block;
    width: 100%
  }

  .l-legacy .p-sp-letterBlock__description {
    margin-bottom: 10px
  }

  .l-legacy .p-sp-letterBlock__note {
    padding: 12px;
    margin-bottom: 10px;
    border: 1px solid #e2e2e2
  }

  .l-legacy .p-sp-letterBlock__btn {
    display: block;
    text-align: center
  }

  .l-legacy .p-sp-letterBlock__btn-detail {
    display: block;
    padding: 15px 20px;
    font-size: 14px;
    color: #fff;
    background-color: #75441b
  }

  .l-legacy .p-sp-letterBlock__btn-detail>.icon {
    margin-left: 7px
  }

  .l-legacy .p-sp-letterBlock--border {
    padding: 20px 0;
    border-bottom: 1px solid #ddd
  }

  .l-legacy .p-sp-letterBlock--border .p-sp-letterBlock__thumb {
    padding: 12px;
    margin: 0;
    border: 1px solid #fff;
    background: 0 0
  }

  .l-legacy .p-sp-letterBlock--border .p-sp-letterBlock__thumb>img {
    margin-bottom: 10px
  }

  .l-legacy .p-sp-letterAbout {
    padding: 20px;
    margin: 20px 0;
    background-color: #fff
  }

  .l-legacy .p-sp-letterAbout__ttl {
    margin-bottom: 12px;
    text-align: center
  }

  .l-legacy .p-sp-letterAbout__thumb {
    text-align: center
  }

  .l-legacy .p-sp-letterAbout__description>p {
    margin-top: 20px
  }

  .l-legacy .p-sp-letter__copyright, .l-legacy .p-sp-letterAbout__btn {
    text-align: center
  }

  .l-legacy .p-sp-webpage__header {
    padding: 17px 0;
    margin: -2% -2% 0;
    text-align: center;
    background-color: #fff
  }

  .l-legacy .p-sp-webpage__ttl {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2
  }

  .l-legacy .p-sp-webpage__description {
    padding-top: 20px;
    margin: 0
  }

  .l-legacy .p-sp-webpage__description>p, .l-legacy .p-sp-webpage__description li {
    margin: 0;
    font-size: 11px;
    line-height: 1.3
  }

  .l-legacy .p-sp-webpage__description>h2 {
    margin: 20px 0 10px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5
  }

  .l-legacy .p-sp-webpage__description>ul>li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 5px
  }

  .l-legacy .p-sp-webpage__description>ul>li>a {
    display: inline-block;
    padding: 2px 0;
    text-decoration: underline
  }

  .l-legacy .p-sp-webpage__description>ul>li>i {
    padding-left: 5px
  }

  .l-legacy .p-sp-webpage__description>ul>li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "●"
  }

  .l-legacy .p-sp-webpage__description>ul>li>ul>li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 5px
  }

  .l-legacy .p-sp-webpage__description>ul>li>ul>li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "・"
  }

  .l-legacy .p-sp-webpage ul.p-sitepolicy-companies {
    zoom: 1;
    margin: 5px 0;
    padding: 0 1em
  }

  .l-legacy .p-sp-webpage ul.p-sitepolicy-companies:after {
    content: "";
    display: block;
    clear: both
  }

  .l-legacy .p-sp-webpage ul.p-sitepolicy-companies li {
    padding: 0
  }

  .l-legacy .p-sp-webpage ul.p-sitepolicy-companies li:before {
    content: "・";
    display: inline-block;
    text-indent: -1em
  }

  .l-legacy .p-sp-webpage .p-sitepolicy-icons {
    margin-top: 10px
  }

  .l-legacy .p-sp-webpage .p-sitepolicy-icons__icon {
    padding-left: 1.5em;
    position: relative;
    margin-bottom: 1em
  }

  .l-legacy .p-sp-webpage .p-sitepolicy-icons__icon--window:before {
    content: "";
    vertical-align: -2px;
    vertical-align: middle
  }

  .l-legacy .p-sp-webpage .p-sitepolicy-icons__icon--another-blank:before, .l-legacy .p-sp-webpage .p-sitepolicy-icons__icon--window:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 1em;
    margin-right: .5em;
    position: absolute;
    top: .2em;
    left: 0
  }

  .l-legacy .p-sp-webpage .p-sitepolicy-icons__icon--another-blank:before {
    content: "";
    vertical-align: -2px
  }

  .l-legacy .p-sp-webpage .p-sitepolicy-icons__icon--pr:before {
    content: ""
  }

  .l-legacy .p-sp-webpage .p-sitepolicy-icons__icon--pr-blank:before, .l-legacy .p-sp-webpage .p-sitepolicy-icons__icon--pr:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: -2px;
    speak: none;
    text-transform: none;
    font-size: 1em;
    margin-right: .5em;
    position: absolute;
    top: .2em;
    left: 0
  }

  .l-legacy .p-sp-webpage .p-sitepolicy-icons__icon--pr-blank:before {
    content: ""
  }

  .l-legacy .p-sp-webpage .p-sitepolicy-icons__icon--another:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: -2px;
    speak: none;
    text-transform: none;
    font-size: 1em;
    margin-right: .5em;
    position: absolute;
    top: .2em;
    left: 0
  }

  .l-legacy .p-sp-faq__block {
    margin: 0 0 15px
  }

  .l-legacy .p-sp-faqBlock__description, .l-legacy .p-sp-faqBlock__ttl {
    position: relative;
    padding-left: 16px;
    font-size: 11px;
    line-height: 1.3
  }

  .l-legacy .p-sp-faqBlock__description:before, .l-legacy .p-sp-faqBlock__ttl:before {
    position: absolute;
    top: -1px;
    left: 0;
    font-size: 11px;
    font-weight: 700;
    color: #c00;
    line-height: 1.3
  }

  .l-legacy .p-sp-faqBlock__ttl {
    margin-bottom: 10px;
    font-weight: 700
  }

  .l-legacy .p-sp-faqBlock__ttl:before {
    content: "Q"
  }

  .l-legacy .p-sp-faqBlock__description {
    margin: 0
  }

  .l-legacy .p-sp-faqBlock__description:before {
    content: "A"
  }

  .l-legacy .p-sp-faqBlock__description>a {
    text-decoration: underline
  }

  .l-legacy .p-sp-faqContact {
    padding: 17px 0 0;
    border-top: 1px solid #ccc
  }

  .l-legacy .p-sp-faqContact__ttl {
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3
  }

  .l-legacy .p-sp-faqContact__description>h3, .l-legacy .p-sp-faqContact__description p {
    margin: 0 0 10px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3
  }

  .l-legacy .p-sp-webpage__sub-section {
    margin-top: 37px
  }

  .l-legacy .p-sp-sitepolicy-section-margin {
    padding-top: 53px;
    margin-top: -53px
  }

  .l-legacy .p-sp-sitepolicy-section-margin li, .l-legacy .p-sp-sitepolicy-section-margin p {
    margin: 0;
    font-size: 11px;
    line-height: 1.3
  }

  .l-legacy .p-sp-sitepolicy-sub-ttl {
    margin: 20px 0 10px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5
  }

  .l-legacy .p-sp-sitepolicy-list>li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 5px
  }

  .l-legacy .p-sp-sitepolicy-list>li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "●"
  }

  .l-legacy .p-sp-sitepolicy-list>li a {
    display: inline-block;
    padding: 2px 0;
    text-decoration: underline
  }

  .l-legacy .p-sp-sitepolicy-list>li i {
    padding-left: .3em
  }

  .l-legacy .p-sp-sitepolicy-list.p-sp-sitepolicy-list--number>li {
    list-style-type: decimal;
    margin-left: 16px;
    padding-left: .2em
  }

  .l-legacy .p-sp-sitepolicy-list.p-sp-sitepolicy-list--number>li:before {
    content: ""
  }

  .l-legacy .p-sp-sitepolicy-list.p-sp-sitepolicy-list--number>li .p-sp-sitepolicy-list__inner-list {
    padding-left: 16px
  }

  .l-legacy .p-sp-sitepolicy-list.p-sp-sitepolicy-list--number>li .p-sp-sitepolicy-list__inner-list>li {
    padding-left: 0;
    text-indent: -1em
  }

  .l-legacy .p-sp-sitepolicy-list.p-sp-sitepolicy-list--number>li .p-sp-sitepolicy-list__inner-list>li:before {
    content: ""
  }

  .l-legacy .p-s-manner__header {
    position: relative
  }

  .l-legacy .p-s-manner__header>a {
    display: block;
    position: absolute;
    bottom: 31%;
    right: 1%
  }

  .l-legacy .p-s-manner__header>a>p {
    margin: 0
  }

  .l-legacy .p-s-manner__header>a>p>span {
    margin: 6px;
    background-color: #fff
  }

  .l-legacy .p-s-manner__header>a>p>span>i {
    color: #c00
  }

  .l-legacy .p-s-manner__header>ul {
    position: absolute;
    bottom: 0;
    padding: 0 1% 1%;
    margin: 0 auto;
    width: 100%
  }

  .l-legacy .p-s-manner__header>ul.five-menu>li {
    width: 19.2%
  }

  .l-legacy .p-s-manner__header>ul>li {
    float: left;
    margin-right: 1%;
    width: 15.8%;
    cursor: pointer
  }

  .l-legacy .p-s-manner__header>ul>li:last-child {
    margin: 0
  }

  .l-legacy .p-s-manner__header>ul>li>a {
    display: block
  }

  .l-legacy .p-s-manner__header>ul>li>a>img {
    width: 100%;
    opacity: .9
  }

  .l-legacy .p-s-manner__header>ul>li .p-anchor-links {
    margin-bottom: 0 !important
  }

  .l-legacy .p-s-manner__header>ul>li .p-anchor-links>a {
    width: 100%;
    font-size: 18px
  }

  .l-legacy .p-s-manner__header>ul>li .p-anchor-link:before {
    content: none
  }

  .l-legacy .p-s-manner__header>ul>li .p-anchor-link__marker {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 5px
  }

  .l-legacy .p-s-manner__description>p {
    margin: 0 auto;
    width: 98%;
    font-size: 14px;
    line-height: 2.28571
  }

  .l-legacy .p-s-manner__mannerTtl>img {
    width: 100%
  }

  .l-legacy .p-s-manner__mannerDescription>h3 {
    margin-top: 0;
    border-top: 1px solid #ddd;
    clear: both
  }

  .l-legacy .p-s-manner__mannerDescription>p {
    font-size: 14px;
    line-height: 2.28571
  }

  .l-legacy .p-s-manner__mannerDescription>p>img {
    display: block;
    margin: -5px 0 0 10px
  }

  .l-legacy .p-s-manner__mannerSubDescription {
    width: 48%
  }

  .l-legacy .p-s-manner__mannerSubDescription>img {
    width: 30%
  }

  .l-legacy .p-s-manner__mannerSubDescription>.p-s-manner__mannerSubTxt {
    width: 65%
  }

  .l-legacy .p-s-manner__mannerSubDescription>.p-s-manner__mannerSubTxt>p {
    line-height: 1.71429
  }

  .l-legacy .p-s-manner__mannerSubTxt>h4 {
    margin: 0
  }

  .l-legacy .p-s-manner__writeDescription>p {
    font-size: 14px;
    line-height: 2.28571
  }

  .l-legacy .p-s-manner__writeSubTtl>img {
    display: inline;
    margin-top: -3px
  }

  .l-legacy .p-s-manner__writeSubTtl>h4 {
    display: inline;
    margin: 0;
    font-size: 16px;
    line-height: 2.25;
    clear: both
  }

  .l-legacy .p-s-manner__writeSubBlock>p {
    margin: 0;
    font-size: 14px;
    line-height: 1.71429
  }

  .l-legacy .p-s-manner__writeSubBlock>p>.p-s-manner-bold {
    margin-right: 10px;
    font-weight: 700
  }

  .l-legacy .p-s-manner__writeLink>i {
    margin-right: 5px;
    cursor: pointer
  }

  .l-legacy .p-s-manner__exampleBlock {
    width: 100%
  }

  .l-legacy .p-s-manner__exampleTtl>h2 {
    margin: 0
  }

  .l-legacy .p-s-manner__exampleSubBlock {
    display: table;
    width: 100%
  }

  .l-legacy .p-s-manner__exampleDescription {
    display: table-cell;
    border-right: 2px solid #eee
  }

  .l-legacy .p-s-manner__exampleDescription>h3 {
    font-size: 30px;
    font-weight: bolder;
    line-height: 1.2
  }

  .l-legacy .p-s-manner__exampleDescription>h3>img {
    margin-right: 10px
  }

  .l-legacy .p-s-manner__exampleDescription>p {
    margin: 0
  }

  .l-legacy .p-s-manner__exampleDescription>img {
    bottom: 3%;
    width: 61%
  }

  .l-legacy .p-s-manner__exampleDescription-intro {
    font-size: 18px;
    line-height: 1.77778
  }

  .l-legacy .p-s-manner__exampleDescription-body, .l-legacy .p-s-manner__exampleDescription-date {
    font-size: 16px;
    line-height: 2
  }

  .l-legacy .p-s-manner__templateTtl>h2 {
    margin: 0
  }

  .l-legacy .p-s-manner__templateList {
    text-align: center
  }

  .l-legacy .p-s-manner__templateList>li {
    float: left;
    position: relative;
    padding: 2%;
    width: 25%;
    border-right: 2px solid #eee
  }

  .l-legacy .p-s-manner__templateList>li:nth-child(4n) {
    border-right: none
  }

  .l-legacy .p-s-manner__templateList>li:nth-child(n+5) {
    border-top: 2px solid #eee
  }

  .l-legacy .p-s-manner__templateList>li>a>img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .9
  }

  .l-legacy .p-s-manner__templateLow {
    float: left;
    width: 50%
  }

  .l-legacy .p-s-manner__templateLow>h3 {
    margin-top: 0;
    font-size: 18px
  }

  .l-legacy .p-s-manner__templateLow>a>img {
    width: 100%
  }

  .l-legacy .p-s-manner__replyTtl>h2 {
    margin: 0
  }

  .l-legacy .p-s-manner__replyDescription>p {
    margin: 0;
    font-size: 14px;
    line-height: 1.71429
  }

  .l-legacy .p-s-manner__faqTtl>h2 {
    margin: 0
  }

  .l-legacy .p-s-manner__faqList>li {
    font-size: 18px;
    cursor: pointer
  }

  .l-legacy .p-s-manner__faqList>li:nth-child(n+2) {
    border-top: 3px solid #eee
  }

  .l-legacy .p-s-manner__faqAnswer, .l-legacy .p-s-manner__faqQuestion {
    display: table;
    width: 100%
  }

  .l-legacy .p-s-manner__faqQuestion {
    position: relative
  }

  .l-legacy .p-s-manner__faqQuestion>img, .l-legacy .p-s-manner__faqQuestion>p {
    display: table-cell;
    vertical-align: middle
  }

  .l-legacy .p-s-manner__faqAnswer {
    display: none;
    padding: 4% 2%;
    background-color: #fafafa
  }

  .l-legacy .p-s-manner__faqAnswer>img {
    float: left
  }

  .l-legacy .p-s-manner__faqAnswer>p {
    float: right;
    margin: 0;
    width: 90%;
    font-size: 14px;
    line-height: 1.57143
  }

  .l-legacy .p-s-manner__footDescription>img {
    width: 15%
  }

  .l-legacy .p-s-manner__footDescription>.p-s-manner__btn {
    clear: both
  }

  .l-legacy .p-s-manner__footProfile-right {
    width: 80%
  }

  .l-legacy .p-s-manner__footProfile-right>p {
    margin: 0
  }

  .l-legacy .p-s-manner__footProfile {
    margin-bottom: .5%;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.625
  }

  .l-legacy .p-s-manner__footProfileTxt {
    font-size: 14px;
    line-height: 1.71429
  }

  .l-legacy .p-s-manner__footLink>a {
    font-size: 14px
  }

  .l-legacy .p-s-manner__footWrite-left {
    position: relative;
    width: 57%
  }

  .l-legacy .p-s-manner__footWrite-left>span {
    position: absolute;
    top: 89px;
    margin-left: 15px;
    font-size: 18px;
    font-weight: 700
  }

  .l-legacy .p-s-manner__footWrite-left>p {
    margin: 0;
    clear: both
  }

  .l-legacy .p-s-manner__footWrite-right {
    width: 40%
  }

  .l-legacy .p-s-manner__footWrite-right>img {
    width: 100%
  }

  .l-legacy .p-s-manner__anchorList-bottom {
    display: block
  }

  .l-legacy .p-s-manner__anchorList-bottom.five-menu>li {
    width: 19.62%
  }

  .l-legacy .p-s-manner__anchorList-bottom>li {
    float: left;
    margin-right: .44%;
    width: 16.3%
  }

  .l-legacy .p-s-manner__anchorList-bottom>li:last-child {
    margin-right: 0
  }

  .l-legacy .p-s-manner__anchorList-bottom>li>a {
    padding: 32px 0 13px;
    background: #fff;
    width: 100%;
    display: block;
    position: relative;
    text-align: center
  }

  .l-legacy .p-s-manner__anchorList-bottom>li>a>.p-anchor-link__marker {
    margin-top: 3%;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center
  }

  .l-legacy .p-s-manner__btn>a {
    display: block;
    padding: 12px 0;
    margin: 0 auto;
    width: 50%;
    background-color: #0059af
  }

  .l-legacy .p-s-manner__btn>a>p {
    display: inline-block;
    margin: 0;
    font-size: 18px;
    color: #fff
  }

  .l-legacy .p-s-manner__btn>a>p:before {
    margin-right: 5px
  }

  .l-legacy .p-s-manner__copyright>p {
    color: #aaa
  }

  .l-legacy .p-s-manner__to-top {
    margin: 0;
    background-color: #e9e9e8
  }

  .l-legacy .p-s-manner__to-top>a>.p-back-to-top__icon {
    margin-left: .5%
  }

  .l-legacy .p-s-manner-half {
    width: 49.5%
  }

  .l-legacy .p-s-manner-border-blue {
    border: 2px solid #b7cefa
  }

  .l-legacy .p-s-manner-border-pink {
    border: 2px solid #fcbee7
  }

  .l-legacy .p-s-manner-border-green {
    border: 2px solid #bbf5b8
  }

  .l-legacy .p-s-manner-border-yellow {
    border: 2px solid #f8cf97
  }

  .l-legacy .p-sp-s-manner-border-green {
    border: 2px solid #bbf5b8
  }

  .l-legacy .p-sp-s-manner-border-yellow {
    border: 2px solid #f8cf97
  }

  .l-legacy .p-sp-s-manner__header {
    margin: -4.3% -4.5%;
    background-image: url(/assets_yjp/images/sp/letter/summer/manner/top.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
  }

  .l-legacy .p-sp-s-manner__headTtl {
    padding: 8% 4% 4%;
    text-align: center
  }

  .l-legacy .p-sp-s-manner__headTtl>h1 {
    margin: 0;
    font-size: 20px
  }

  .l-legacy .p-sp-s-manner__headTtl>p {
    margin: 0
  }

  .l-legacy .p-sp-s-manner__headTtl>img {
    width: 40%
  }

  .l-legacy .p-sp-s-manner__headDescription>p {
    font-size: 11px;
    line-height: 1.5625
  }

  .l-legacy .p-sp-s-manner__headTxt {
    font-size: 10px
  }

  .l-legacy .p-sp-s-manner__to-bottom {
    display: block;
    font-size: 8px
  }

  .l-legacy .p-sp-s-manner__to-bottom>p {
    margin: 0
  }

  .l-legacy .p-sp-s-manner__anchorList>li {
    float: left;
    width: 50%
  }

  .l-legacy .p-sp-s-manner__anchorList>li:nth-child(n+3) {
    margin-top: 2%
  }

  .l-legacy .p-sp-s-manner__anchorList>li:nth-child(2n) {
    padding-left: 1%
  }

  .l-legacy .p-sp-s-manner__anchorList>li:nth-child(2n-1) {
    padding-right: 1%
  }

  .l-legacy .p-sp-s-manner__anchorList>li>p {
    margin: 0
  }

  .l-legacy .p-sp-s-manner__mannerTtl>.p-visual>.p-visual__caption>h2 {
    font-size: 20px
  }

  .l-legacy .p-sp-s-manner__mannerDescription>h3 {
    margin: 0
  }

  .l-legacy .p-sp-s-manner__mannerDescription>p {
    margin: 0;
    font-size: 11px;
    line-height: 1.5625
  }

  .l-legacy .p-sp-s-manner__mannerSubDescription>img {
    width: 25%
  }

  .l-legacy .p-sp-s-manner__mannerSubTxt {
    width: 70%
  }

  .l-legacy .p-sp-s-manner__mannerSubTxt>h4 {
    margin: 0
  }

  .l-legacy .p-sp-s-manner__mannerSubTxt>p {
    margin: 0;
    font-size: 11px;
    line-height: 1.5625
  }

  .l-legacy .p-sp-s-manner__writeTtl>.p-visual>.p-visual__caption>h2 {
    font-size: 20px
  }

  .l-legacy .p-sp-s-manner__writeDescription>p, .l-legacy .p-sp-s-manner__writeSubBlock>p {
    margin: 0
  }

  .l-legacy .p-sp-s-manner__writeSubBlock>p>span {
    margin-right: 8px;
    font-weight: 700
  }

  .l-legacy .p-sp-s-manner__writeSubTtl>img {
    display: inline-block;
    margin-top: -3px;
    width: 18px;
    height: 18px
  }

  .l-legacy .p-sp-s-manner__writeSubTtl>h4 {
    display: inline-block;
    margin: 0
  }

  .l-legacy .p-sp-s-manner__writeLink>i {
    margin-left: 5px
  }

  .l-legacy .p-sp-s-manner__exampleTtl>.p-visual>.p-visual__caption>h2 {
    font-size: 20px
  }

  .l-legacy .p-sp-s-manner__exampleDescription {
    border-bottom: 3px solid #eee
  }

  .l-legacy .p-sp-s-manner__exampleDescription>img {
    float: right;
    margin-top: -50px;
    width: 120px
  }

  .l-legacy .p-sp-s-manner__exampleDescription>h3 {
    margin: 0;
    font-size: 16px;
    font-weight: lighter
  }

  .l-legacy .p-sp-s-manner__exampleDescription>h3>img {
    margin: 0 10px 10px 0;
    width: 50px
  }

  .l-legacy .p-sp-s-manner__exampleDescription>p {
    margin: 0
  }

  .l-legacy .p-sp-s-manner__templateTtl>.p-visual>.p-visual__caption>h2 {
    font-size: 20px
  }

  .l-legacy .p-sp-s-manner__templateList>li {
    float: left;
    padding: 3%;
    width: 50%
  }

  .l-legacy .p-sp-s-manner__templateList>li:nth-child(n+3) {
    border-top: 2px solid #eee
  }

  .l-legacy .p-sp-s-manner__templateList>li:nth-child(2n) {
    border-left: 2px solid #eee
  }

  .l-legacy .p-sp-s-manner__templateList>li>a {
    display: block
  }

  .l-legacy .p-sp-s-manner__templateList>li>a>img {
    max-width: 115px
  }

  .l-legacy .p-sp-s-manner__templateLow>h3 {
    margin: 0
  }

  .l-legacy .p-sp-s-manner__templateLow>a {
    display: block
  }

  .l-legacy .p-sp-s-manner__templateLow>a>img {
    width: 100%
  }

  .l-legacy .p-sp-s-manner__replyTtl>h2 {
    margin: 0;
    font-size: 14px
  }

  .l-legacy .p-sp-s-manner__replyDescription>p {
    line-height: 2.1875
  }

  .l-legacy .p-sp-s-manner__replyDescription>.p-sp-s-manner__btn>p {
    width: 100%
  }

  .l-legacy .p-sp-s-manner__faqTtl>h2 {
    margin: 0;
    font-size: 14px
  }

  .l-legacy .p-sp-s-manner__faqList>li {
    font-size: 12px
  }

  .l-legacy .p-sp-s-manner__faqList>li:nth-child(n+2) {
    border-top: 2px solid #eee
  }

  .l-legacy .p-sp-s-manner__faqQuestion {
    display: table;
    position: relative;
    width: 100%
  }

  .l-legacy .p-sp-s-manner__faqQuestion>img, .l-legacy .p-sp-s-manner__faqQuestion>p {
    display: table-cell;
    margin: 0;
    vertical-align: middle
  }

  .l-legacy .p-sp-s-manner__faqQuestion>img {
    width: 26px
  }

  .l-legacy .p-sp-s-manner__faqQuestion>p {
    padding-right: 40px;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .is-open .l-legacy .p-sp-s-manner__faqQuestion>p {
    white-space: normal
  }

  .l-legacy .p-sp-s-manner__faqAnswer {
    display: none;
    padding: 4% 2%;
    background-color: #fafafa
  }

  .l-legacy .p-sp-s-manner__faqAnswer>img, .l-legacy .p-sp-s-manner__faqAnswer>p {
    margin: 0
  }

  .l-legacy .p-sp-s-manner__faqAnswer>img {
    width: 26px
  }

  .l-legacy .p-sp-s-manner__faqAnswer>p {
    padding: 0 2%
  }

  .l-legacy .p-sp-s-manner__footDescription>img {
    width: 30%
  }

  .l-legacy .p-sp-s-manner__footDescription>p {
    margin: 0
  }

  .l-legacy .p-sp-s-manner__footDescription>.p-sp-s-manner__btn>p {
    width: 100%
  }

  .l-legacy .p-sp-s-manner__footProfile {
    font-weight: 700;
    font-size: 12px;
    line-height: 1.94444
  }

  .l-legacy .p-sp-s-manner__footProfileTxt {
    font-size: 11px;
    line-height: 2.1875;
    text-align: left
  }

  .l-legacy .p-sp-s-manner__footLink>a {
    font-size: 11px
  }

  .l-legacy .p-sp-s-manner__footWrite>img {
    max-width: 80%
  }

  .l-legacy .p-sp-s-manner__footWrite>span {
    display: block;
    font-weight: 700
  }

  .l-legacy .p-sp-s-manner__footWrite>p {
    margin: 0;
    font-size: 11px;
    line-height: 2.1875
  }

  .l-legacy .p-sp-s-manner__anchorList-bottom>li {
    float: left;
    margin-top: 2%;
    width: 49%
  }

  .l-legacy .p-sp-s-manner__anchorList-bottom>li:nth-child(2n-1) {
    margin-right: 1%
  }

  .l-legacy .p-sp-s-manner__anchorList-bottom>li:nth-child(2n) {
    margin-left: 1%
  }

  .l-legacy .p-sp-s-manner__anchorList-bottom>li:nth-child(-n+2) {
    margin-top: 0
  }

  .l-legacy .p-sp-s-manner__btn>a {
    display: block;
    padding: 11px 0;
    margin: 0 auto;
    width: 93%;
    background-color: #0059af
  }

  .l-legacy .p-sp-s-manner__btn>a>p {
    display: inline-block;
    margin: 0;
    font-size: 11px;
    color: #fff
  }

  .l-legacy .p-sp-s-manner__btn>a>i {
    color: #fff
  }

  .l-legacy .p-sp-s-manner__copyright>p {
    font-size: 10px;
    color: #aaa;
    line-height: 2.1875
  }

  .l-legacy .p-about__body>h2, .l-legacy .p-about__body>p {
    margin: 0
  }

  .l-legacy .p-about__body>p {
    font-size: 22px;
    line-height: 2.09091
  }

  .l-legacy .p-about__link-btm {
    display: table
  }

  .l-legacy .p-about__link-btm a:hover {
    opacity: .8
  }

  .l-legacy .p-about__link-left, .l-legacy .p-about__link-right {
    display: table-cell;
    width: 50%;
    background-color: #fff
  }

  .l-legacy .p-about__link-left>span, .l-legacy .p-about__link-right>span {
    display: block;
    position: relative;
    padding-top: 2%
  }

  .l-legacy .p-about__link-left>span>h3, .l-legacy .p-about__link-right>span>h3 {
    display: inline-block;
    margin: 0;
    font-size: 24px
  }

  .l-legacy .p-about__link-left>span>i, .l-legacy .p-about__link-right>span>i {
    position: absolute;
    right: 0;
    font-size: 20px
  }

  .l-legacy .p-about__link-left {
    border-right: 7px solid #eee
  }

  .l-legacy .p-about__link-right {
    border-left: 7px solid #eee
  }

  .l-legacy .p-sp-about__body>h2 {
    margin: 0;
    font-size: 18px
  }

  .l-legacy .p-sp-about__body>p {
    margin: 0;
    font-size: 13px;
    line-height: 1.74359
  }

  .l-legacy .p-sp-about__link-btm {
    display: table
  }

  .l-legacy .p-sp-about__link-left, .l-legacy .p-sp-about__link-right {
    display: table-cell;
    width: 50%;
    background-color: #fff
  }

  .l-legacy .p-sp-about__link-left>span, .l-legacy .p-sp-about__link-right>span {
    display: block
  }

  .l-legacy .p-sp-about__link-left>span>h3, .l-legacy .p-sp-about__link-right>span>h3 {
    display: inline-block;
    padding: 10px 3px 8px 0;
    margin: 0;
    font-size: 1.3125rem;
    line-height: 1.375
  }

  .l-legacy .p-sp-about__link-left>span>i, .l-legacy .p-sp-about__link-right>span>i {
    font-size: 14px
  }

  .l-legacy .p-sp-about__link-left {
    border-right: 5px solid #eee
  }

  .l-legacy .p-sp-about__link-right {
    border-left: 5px solid #eee
  }

  .l-legacy .p-news__header {
    line-height: 75px;
    height: 75px;
    padding-left: 20px;
    margin-bottom: 15px;
    background: #c00
  }

  .l-legacy .p-news__ttl {
    margin: 0;
    font-size: 30px;
    color: #fff
  }

  .l-legacy .p-news__content {
    display: inline-block;
    position: relative;
    padding: 3% 0;
    margin-top: -2px;
    width: 100%;
    background-color: #fff
  }

  .l-legacy .p-news__content:first-child {
    margin-top: 0
  }

  .l-legacy .p-news__content:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 1em;
    height: 1em;
    border-color: #ce0500;
    border-style: solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
  }

  .l-legacy .p-news__content__date, .l-legacy .p-news__content__text {
    float: left;
    vertical-align: top
  }

  .l-legacy .p-news__content__date>p, .l-legacy .p-news__content__text>p {
    margin: 0
  }

  .l-legacy .p-news__content__date {
    width: 140px
  }

  .l-legacy .p-news__content__date>p {
    text-align: center;
    font-size: 18px
  }

  .l-legacy .p-news__content__text {
    width: calc(93% - 140px);
    font-size: 16px;
    line-height: 1.9375
  }

  .l-legacy .p-sp-news__header {
    margin-bottom: 2%;
    text-align: center
  }

  .l-legacy .p-sp-news__ttl {
    padding: 13px 0;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.66667;
    background-color: #ce0500;
    color: #fff
  }

  .l-legacy .p-sp-news__content {
    display: block;
    position: relative;
    padding: 3%;
    margin-top: 2px;
    width: 100%;
    background-color: #fff
  }

  .l-legacy .p-sp-news__content:first-child {
    margin-top: 0
  }

  .l-legacy .p-sp-news__content:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 4%;
    width: 1em;
    height: 1em;
    border-color: #ce0500;
    border-style: solid;
    border-width: 2px 2px 0 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
  }

  .l-legacy .p-sp-news__content__date, .l-legacy .p-sp-news__content__text {
    width: 90%
  }

  .l-legacy .p-sp-news__content__date>p, .l-legacy .p-sp-news__content__text>p {
    margin: 0;
    font-size: 11px;
    line-height: 1.5625
  }

  .l-legacy .p-banner-new {
    position: relative
  }

  .l-legacy .p-banner-new__icon {
    width: 28.33333% !important;
    position: absolute;
    top: 5px;
    right: 5px
  }

  .l-legacy .p-aiueo-tabs {
    margin: 45px -2px 30px
  }

  .l-legacy .p-aiueo-tabs .c-tabs {
    border-collapse: separate;
    border-spacing: 4px 0;
    font-size: 1.5rem
  }

  .l-legacy .p-area-table__row {
    display: table;
    position: relative;
    width: 100%;
    padding: 2%;
    border-bottom: 1px solid #bdbec0
  }

  .l-legacy .p-area-table__row:hover>* {
    opacity: .7
  }

  .l-legacy .p-area-table__row:after {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    border-color: #ce0500;
    border-style: solid;
    border-width: 2px 2px 0 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 1.5rem
  }

  .l-legacy .p-area-table__col {
    display: table-cell
  }

  .l-legacy .p-area-table__col:first-child {
    width: 30%
  }

  .l-legacy .p-city-table {
    margin-left: -6px;
    margin-right: -6px
  }

  .l-legacy .p-city-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 6px
  }

  .l-legacy .p-city-table th {
    text-align: left;
    font-weight: 700
  }

  .l-legacy .p-city-table td {
    vertical-align: top
  }

  .l-legacy .p-city-table td:first-child {
    width: 30%
  }

  .l-legacy .p-city-table td a {
    display: block;
    position: relative
  }

  .l-legacy .p-city-table td a:hover {
    opacity: .7
  }

  .l-legacy .p-city-table td a:after {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    border-color: #ce0500;
    border-style: solid;
    border-width: 2px 2px 0 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 0
  }

  .l-legacy .p-city-table td, .l-legacy .p-city-table th {
    padding: 4%;
    border-bottom: 1px solid #bdbec0
  }

  .l-legacy .p-postcard {
    position: relative
  }

  .l-legacy .p-postcard>img {
    width: 100%;
    height: auto
  }

  .l-legacy .p-postcard__center-item {
    position: absolute;
    width: 440px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto
  }

  .l-legacy .p-postcard__footer {
    zoom: 1;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 4% 2% 2%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000);
    color: #fff;
    font-size: .75rem
  }

  .l-legacy .p-postcard__footer:after {
    content: "";
    display: block;
    clear: both
  }

  .l-legacy .p-postcard__footer__left, .l-legacy .p-postcard__footer__right {
    float: left;
    width: 50%
  }

  .l-legacy .p-postcard__footer__right {
    text-align: right
  }

  .l-legacy .p-prefecture-table {
    width: 100%
  }

  .l-legacy .p-prefecture-table th {
    font-weight: 700;
    width: 20%;
    text-align: left;
    padding: .975rem 0
  }

  .l-legacy .p-prefecture-table td {
    color: #b9b9b9;
    width: 7%
  }

  .l-legacy .p-search-result {
    position: relative;
    padding-bottom: 20px;
    text-align: center;
    background-color: #fff;
    padding-top: 10px;
    font-weight: 500;
    font-size: 1.4em
  }

  .l-legacy .p-search-result--glossy {
    background-color: hsla(0, 0%, 100%, .8)
  }

  .l-legacy .p-search-result__logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -30px
  }

  .l-legacy .p-search-result__zip-code {
    font-weight: 700;
    margin: .6rem 0 0
  }

  .l-legacy .p-search-result__city {
    font-size: 1.2em;
    margin: 0
  }

  .l-legacy .p-search-result__footer {
    margin: 15px auto 0;
    padding-top: 15px
  }

  .l-legacy .p-search-result__footer a {
    margin-right: .75rem
  }

  .l-legacy .p-recommend {
    background-color: #faf9f5;
    padding: 0 5%
  }

  .l-legacy .p-recommend__pref {
    margin: auto
  }

  .l-legacy .p-recommend__separater {
    background: url(/assets_yjp/images/zipcode/sep.png) no-repeat 50%;
    border: 0;
    height: 6px;
    width: 100%
  }

  .l-legacy .p-recommend__link {
    margin-top: 8%;
    padding-bottom: 9%
  }

  .l-legacy .p-recommend__link__item {
    display: inline-block
  }

  .l-legacy .p-recommend__link__item:hover {
    opacity: .8
  }

  .l-legacy .p-recommend__link__item:nth-child(2n) {
    margin-top: 15px
  }

  .l-legacy .p-recommend-contents-banner {
    margin-top: 5%;
    padding-bottom: 5%;
    border-bottom: 1px solid #dadada
  }

  .l-legacy .p-recommend-contents-banner .p-banner {
    padding: 0 20px
  }

  .l-legacy .p-recommend-contents-banner .p-banner .p-banner__image {
    padding-bottom: 8%
  }

  .l-legacy .p-recommend-contents-banner__each {
    display: block;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: 2%;
    position: relative
  }

  .l-legacy .p-recommend-contents-banner__each:before {
    content: "";
    position: absolute;
    right: 5%;
    top: 50%;
    width: 11px;
    height: 11px;
    background: url(/assets_yjp/images/sp/zipcode/arw-circle.png) no-repeat 0 0/11px 11px;
    margin-top: -5px
  }

  .l-legacy .p-recommend-contents-banner__each .p-contents-banner__img {
    float: left;
    padding: 2%;
    width: 30%
  }

  .l-legacy .p-recommend-contents-banner__each .p-contents-banner__txt {
    float: right;
    width: 70%
  }

  .l-legacy .p-recommend-contents-banner__each .p-contents-banner__txt>h4 {
    margin: 2% 0 0
  }

  .l-legacy .p-recommend-contents-banner__each .p-contents-banner__txt>p {
    padding-right: 10%;
    margin: 0 0 2%
  }

  .l-legacy .p-recommend-gnavi-banner:first-child {
    padding-top: 5%
  }

  .l-legacy .p-recommend-detail {
    background-color: #fff;
    padding: 0 5%
  }

  .l-legacy .p-recommend-detail__each:last-child {
    padding-top: 53px
  }

  .l-legacy .p-recommend-detail__each__ttl {
    margin-bottom: 0
  }

  .l-legacy .p-recommend-detail__more {
    margin-top: 5%;
    padding: 0 5% 10%;
    width: 100%
  }

  .l-legacy .p-hagaki-tamplate-list {
    width: 106%;
    overflow: hidden;
    margin-left: -3%
  }

  .l-legacy .p-hagaki-tamplate-list__item {
    float: left;
    margin: 2% 3% 5%;
    width: 44%
  }

  .l-legacy .p-hagaki-tamplate-list__item>a {
    display: block;
    position: relative
  }

  .l-legacy .p-hagaki-tamplate-list__item>a>img {
    width: 100%
  }

  .l-legacy .p-recommended-products__each {
    margin-top: 2%;
    width: 100%;
    position: relative
  }

  .l-legacy .p-recommended-products__each:not(:last-child) {
    border-bottom: 1px solid #eee;
    margin-bottom: 5%;
    padding: 0 0 5%
  }

  .l-legacy .p-recommended-products__each:last-child {
    padding-bottom: 5%
  }

  .l-legacy .p-recommended-products__each__head {
    float: left;
    width: 30%
  }

  .l-legacy .p-recommended-products__each__main {
    float: right;
    padding-left: 1em;
    width: 70%
  }

  .l-legacy .p-recommended-products__each__main>h3 {
    margin: 0 0 3%
  }

  .l-legacy .p-recommended-products__each__main>h3 span {
    line-height: 1.4;
    margin-right: .75em
  }

  .l-legacy .p-recommended-products__each__foot>.c-button {
    margin-top: 2%;
    width: 100%
  }

  .l-legacy .p-recommended-products__each__foot>.c-button>span {
    float: right;
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .l-legacy .p-special-goods {
    width: 100%;
    margin-bottom: 4%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  .l-legacy .p-special-goods:after {
    content: " ";
    display: block;
    clear: both
  }

  .l-legacy .p-special-goods__link {
    font-size: 1.2rem
  }

  .l-legacy .p-special-goods .c-card {
    width: 32.30769%;
    float: left;
    margin-right: 1.53846%
  }

  .l-legacy .p-special-goods .c-card:last-child {
    margin-right: 0
  }

  .l-legacy .p-zipcode-form {
    margin: 0 auto
  }

  .l-legacy .p-zipcode-form--word {
    width: 405px;
    margin: 90px auto 70px
  }

  .l-legacy .p-zipcode-form--word .p-zipcode-form__field {
    margin-bottom: 80px
  }

  .l-legacy .p-zipcode-form__field {
    margin: 0;
    padding: 0;
    border: 0
  }

  .l-legacy .p-zipcode-form__field label {
    display: block;
    margin-bottom: .375rem
  }

  .l-legacy .p-zipcode-form--horizontal {
    width: 650px
  }

  .l-legacy .p-zipcode-form--horizontal .p-zipcode-form__field {
    width: 300px;
    display: inline-block;
    float: left
  }

  .l-legacy .p-zipcode-form--horizontal .p-zipcode-form__field:first-child {
    margin-right: 20px
  }

  .l-legacy .p-zipcode-form__button {
    margin: 0 auto;
    display: block;
    text-align: center;
    clear: both
  }

  .l-legacy .p-zipcode-form__input {
    width: 100%;
    margin-bottom: .45rem
  }

  .l-legacy .p-zipcode-form__note {
    position: relative;
    padding-left: 1em
  }

  .l-legacy .p-zipcode-form__note__mark {
    position: absolute;
    left: 0
  }

  .l-legacy .p-zipcode-search-box {
    background-color: #fcfcfc;
    margin-bottom: 4%;
    border-radius: 4px;
    padding: 4%
  }

  .l-legacy .p-zipcode-search-box__heading {
    text-align: center;
    margin: 0 0 1.5rem;
    font-size: 1.95rem;
    font-weight: 300
  }

  .l-legacy .p-zipcode-area-buttons {
    margin-button: 5%;
    text-align: center
  }

  .l-legacy .p-zipcode-area-buttons .c-button {
    width: 295px;
    margin-right: 50px
  }

  .l-legacy .p-banner-list {
    max-width: 100%;
    margin: 4% auto
  }

  .l-legacy .p-banner-list:after {
    content: " ";
    display: block;
    clear: both
  }

  .l-legacy .p-banner-list .p-banner:last-child {
    margin-right: 0
  }

  .l-legacy .p-banner-list .p-banner--1of4 {
    width: 24.42748%;
    float: left;
    margin-right: .76336%
  }

  .l-legacy .p-banner-list .p-banner--1of3 {
    width: 32.02614%;
    float: left;
    margin-right: 1.96078%
  }

  .l-legacy .p-banner-list .p-banner--1of2 {
    width: 48.83721%;
    float: left;
    width: 49%;
    margin-right: 2%
  }

  .l-legacy .p-banner-list .p-banner--1of1 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
  }

  .l-legacy .p-banner-list .p-banner--6of12 {
    width: 49.61832%;
    float: left;
    margin-right: .76336%
  }

  .l-legacy .p-banner {
    background-color: #fff;
    overflow: hidden
  }

  .l-legacy .p-banner a:hover {
    opacity: .8
  }

  .l-legacy .p-banner__image {
    padding: 4px
  }

  .l-legacy .p-banner__image img {
    background-color: grey;
    width: 100%
  }

  .l-legacy .p-banner__body {
    position: relative;
    display: table;
    width: 100%
  }

  .l-legacy .p-banner__body__text {
    display: table-cell;
    padding: 8px 2.4em 15px 8px;
    vertical-align: top
  }

  .l-legacy .p-banner__body__text p {
    margin: 0;
    font-size: .9em
  }

  .l-legacy .p-banner__body__heading {
    font-size: 1em;
    font-weight: 700;
    margin: 0
  }

  .l-legacy .p-banner__body .icon.-pr-blank {
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 1.6em
  }

  .l-legacy .p-banner__body .icon-circle {
    position: absolute;
    top: 1em;
    right: 8px
  }

  .l-legacy .p-word-search__field {
    position: relative;
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: 100%
  }

  .l-legacy .p-word-search__box {
    width: 100%
  }

  .l-legacy .p-word-search__button {
    color: #fff;
    line-height: 1;
    cursor: pointer;
    position: absolute;
    width: 26px;
    height: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    border-radius: 50%;
    background-color: #ce0500;
    right: 10px
  }

  .l-legacy .p-word-search__button:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: -2px;
    speak: none;
    text-transform: none;
    position: absolute;
    top: 8px;
    left: 7px
  }

  .l-legacy .p-quick-search-gallery {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    font-size: 0
  }

  .l-legacy .p-quick-search-gallery:after {
    content: " ";
    display: block;
    clear: both
  }

  .l-legacy .p-quick-search-gallery--wrapping {
    margin-top: 25px;
    margin-bottom: 25px
  }

  .l-legacy .p-quick-search-gallery__item {
    text-align: center;
    display: inline-block;
    margin-top: 3.125%;
    width: 31.25%;
    margin-right: 3.125%
  }

  .l-legacy .p-quick-search-gallery__item:nth-of-type(3n) {
    margin-right: 0
  }

  .l-legacy .p-quick-search-gallery__item img {
    margin: auto;
    width: 100%
  }

  .l-legacy .p-quick-search-caption__heading {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 500
  }

  .l-legacy .p-quick-search-caption__heading em {
    font-size: 1.05rem;
    display: block;
    font-style: normal
  }

  .l-legacy .p-quick-search-caption__description {
    margin: 3px 0
  }

  .l-legacy .p-quick-search-categories {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  .l-legacy .p-quick-search-categories:after {
    content: " ";
    display: block;
    clear: both
  }

  .l-legacy .p-quick-search-categories__item {
    margin-top: 4%
  }

  .l-legacy .p-quick-search-categories__item__heading {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 2.85rem
  }

  .l-legacy .p-quick-search-categories__item__image {
    text-align: center
  }

  .l-legacy .p-quick-search-categories__item__image img {
    width: 100%
  }

  .l-legacy .p-quick-search-sp-sample {
    display: block;
    position: relative;
    margin-bottom: 5%
  }

  .l-legacy .p-quick-search-sp-sample__link {
    position: absolute;
    left: .975rem
  }

  .l-legacy .p-quick-search-sp-sample img {
    width: 100%
  }

  .l-legacy .p-quick-search-link-card {
    margin-bottom: 5%
  }

  .l-legacy .p-quick-search-link-card .c-heading3 {
    margin: 0
  }

  .l-legacy .p-quick-search-link-card__image img {
    width: 100%
  }

  .l-legacy .p-quick-search-link-card__image--stamp {
    padding: 15px 0
  }

  .l-legacy .p-quick-search-header {
    background-color: #ffecd7;
    text-align: center;
    position: relative;
    padding: 15px 8px 10px
  }

  .l-legacy .p-quick-search-header__image {
    position: absolute;
    top: 15px
  }

  .l-legacy .p-quick-search-header__image--left {
    width: 25.06667%;
    height: auto;
    left: 8px
  }

  .l-legacy .p-quick-search-header__image--right {
    width: 21.86667%;
    height: auto;
    right: 8px
  }

  .l-legacy .p-quick-search-header__heading {
    position: relative;
    z-index: 1;
    font-size: 1.35rem;
    font-weight: 400
  }

  .l-legacy .p-quick-search-header__cation {
    font-size: 1.6;
    line-height: 1.5
  }

  .l-legacy .p-quick-search-header__star {
    color: #ce0500;
    font-size: 1.25em
  }

  .l-legacy .p-quick-search-header__nav {
    margin-top: 58px
  }

  .l-legacy .p-quick-search-nav__item {
    width: 31.88406%;
    margin-left: 1.693%;
    vertical-align: middle;
    font-size: .9rem;
    line-height: 1.1111;
    padding: 0
  }

  .l-legacy .p-quick-search-nav__item:after {
    content: "";
    display: block;
    padding-bottom: 55.45455%
  }

  .l-legacy .p-quick-search-nav__item span {
    display: block;
    position: absolute;
    bottom: 50%;
    width: 100%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
  }

  .l-legacy .p-quick-search-nav__item:nth-of-type(n+4) {
    margin-top: 1.693%
  }

  .l-legacy .p-quick-search-nav__item:first-of-type, .l-legacy .p-quick-search-nav__item:nth-of-type(3n+1) {
    margin-left: 0
  }

  .l-legacy .p-quick-search-nav__item:before {
    color: #ce0500;
    bottom: 1.1em
  }

  .l-legacy .p-quick-search-nav__item--direction-up:before {
    border-width: 1px 0 0 1px;
    bottom: auto;
    top: 1.1em
  }

  .l-legacy .p-quick-search-how {
    background-color: #fbfcfb;
    padding: 6% 8%
  }

  .l-legacy .p-quick-search-how .c-heading2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px
  }

  .l-legacy .p-quick-search-how__steps {
    padding-left: 0
  }

  .l-legacy .p-quick-search-how__steps__step {
    display: table;
    margin-bottom: 20px;
    width: 100%
  }

  .l-legacy .p-quick-search-how__steps__step__image {
    display: table-cell;
    text-align: center;
    padding-right: 4%
  }

  .l-legacy .p-quick-search-how__steps__step__text {
    display: table-cell;
    vertical-align: top;
    width: 58%
  }

  .l-legacy .p-quick-search-how__steps__step__text img {
    display: block;
    margin-bottom: .3em
  }

  .l-legacy .p-quick-search-how-pc {
    margin: 0;
    font-size: 12px
  }

  .l-legacy .p-quick-search-how-sp {
    margin: 0;
    font-size: 8px
  }

  .l-legacy .p-quick-search-wdk {
    padding: 8% 4%;
    background: #fff;
    margin-bottom: 60px
  }

  .l-legacy .p-quick-search-wdk__heading {
    font-weight: 700;
    font-size: 1.9rem;
    color: #ce0500;
    text-align: center;
    margin: 0 0 20px
  }

  .l-legacy .p-quick-search-wdk__banner img {
    width: 100%
  }

  .l-legacy .p-quick-search-wdk__description {
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 45px
  }

  .l-legacy .p-quick-search-wdk__methods {
    margin-bottom: 45px
  }

  .l-legacy .p-quick-search-wdk__method__title {
    font-weight: 700;
    font-size: 1.35rem;
    color: #ce0500;
    text-align: center;
    margin-bottom: 1em
  }

  .l-legacy .p-quick-search-wdk__method__image {
    border-radius: 15px;
    width: 100%;
    margin-bottom: .5em
  }

  .l-legacy .p-quick-search-wdk__method__description {
    font-size: 1.2rem
  }

  .l-legacy .p-quick-search-wdk__buttons {
    text-align: center
  }

  .l-legacy .p-quick-search-wdk__button {
    padding: 20px 60px;
    border-radius: 5px;
    font-size: 1.5rem
  }

  .l-legacy .p-breadcrump {
    margin: 0 auto 20px
  }

  .l-legacy .p-breadcrump__item {
    display: inline-block;
    margin-right: 10px
  }

  .l-legacy .p-breadcrump__item:after {
    margin-left: 10px;
    content: ">"
  }

  .l-legacy .p-breadcrump__item:last-child:after {
    content: none
  }

  .l-legacy .p-alert {
    border: 1px solid #ce0500;
    color: #ce0500;
    text-align: center;
    margin-top: 0;
    font-size: 1.2rem;
    padding: 4%
  }

  .l-legacy .p-alert .icon-circle {
    display: block;
    width: 1.8em;
    margin: 0 auto 4%;
    font-size: 1.6em
  }

  .l-legacy .p-sns-links {
    text-align: center
  }

  .l-legacy .p-sns-links__item {
    display: inline-block;
    margin-left: 3px
  }

  .l-legacy .p-sns-links__item:first-child {
    margin-left: 0
  }

  .l-legacy .p-sns-links__item a {
    display: inline-block
  }

  .l-legacy .p-sns-links--full {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  .l-legacy .p-sns-links--full:after {
    content: " ";
    display: block;
    clear: both
  }

  .l-legacy .p-sns-links--full .p-sns-links__item {
    width: 19.26606%;
    float: left
  }

  .l-legacy .p-sns-links--full .p-sns-links__item:nth-child(5n+1) {
    margin-right: -100%;
    clear: both;
    margin-left: 0
  }

  .l-legacy .p-sns-links--full .p-sns-links__item:nth-child(5n+2) {
    margin-left: 20.18349%;
    margin-right: -100%;
    clear: none
  }

  .l-legacy .p-sns-links--full .p-sns-links__item:nth-child(5n+3) {
    margin-left: 40.36697%;
    margin-right: -100%;
    clear: none
  }

  .l-legacy .p-sns-links--full .p-sns-links__item:nth-child(5n+4) {
    margin-left: 60.55046%;
    margin-right: -100%;
    clear: none
  }

  .l-legacy .p-sns-links--full .p-sns-links__item:nth-child(5n+5) {
    margin-left: 80.73394%;
    margin-right: -100%;
    clear: none
  }

  .l-legacy .p-sns-links--full .p-sns-links__item a {
    padding: .6rem
  }

  .l-legacy .p-sns-links--table {
    display: table;
    table-layout: fixed;
    width: 100%
  }

  .l-legacy .p-sns-links--table .p-sns-links__item {
    display: table-cell
  }

  .l-legacy .p-kamomail__table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px
  }

  .l-legacy .p-kamomail__table th {
    background: #fff;
    margin-right: 5px;
    padding: 25px 20px;
    text-align: left
  }

  .l-legacy .p-kamomail__table th:last-child {
    margin-right: 0
  }

  .l-legacy .p-kamomail__table td {
    margin-right: 5px;
    padding: 25px 20px;
    border-bottom: 2px solid #d5d5d5
  }

  .l-legacy .p-kamomail__table td:last-child {
    margin-right: 0
  }

  .l-legacy .p-kamomail__list {
    padding: 20px;
    font-size: 12px
  }

  .l-legacy .p-kamomail__term {
    border: 3px solid #f7f7f7;
    font-size: 22px;
    padding: 15px 0;
    text-align: center
  }

  .l-legacy .p-kamomail__term p {
    line-height: 1.5
  }

  .l-legacy .p-kamomail__term span {
    color: #ce0000;
    font-size: 28px
  }

  .l-legacy .p-sp-kamomail__large-title {
    line-height: 1.5
  }

  .l-legacy .p-sp-kamomail__sub-title {
    font-size: 14px
  }

  .l-legacy .p-sp-kamomail__title {
    margin: 10px 4px 5px;
    padding: 0
  }

  .l-legacy .p-sp-kamomail__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px;
    padding-bottom: 10px
  }

  .l-legacy .p-sp-kamomail__table th {
    background: #fff;
    padding: 12px 10px;
    text-align: left
  }

  .l-legacy .p-sp-kamomail__table th:last-child {
    margin-right: 0
  }

  .l-legacy .p-sp-kamomail__table td {
    padding: 12px 10px;
    border-bottom: 2px solid #d5d5d5
  }

  .l-legacy .p-sp-kamomail__table td:last-child {
    margin-right: 0
  }

  .l-legacy .p-sp-kamomail__list {
    padding: 6px 4px 10px
  }

  .l-legacy .p-sp-kamomail__term {
    border: 3px solid #f7f7f7;
    font-size: 12px;
    padding: 2px 0;
    text-align: center
  }

  .l-legacy .p-sp-kamomail__term p {
    line-height: 1.5
  }

  .l-legacy .p-sp-kamomail__term span {
    color: #ce0000;
    font-size: 14px
  }

  .l-legacy .p-login {
    text-align: center
  }

  .l-legacy .p-login__head {
    padding: 3% 0;
    margin-top: 0;
    background-color: #fff;
    font-weight: 700
  }

  .l-legacy .p-login__btn {
    display: block;
    position: relative;
    text-align: left
  }

  .l-legacy .p-s-kitte__header {
    position: relative
  }

  .l-legacy .p-s-kitte__header>a {
    display: block;
    position: absolute;
    bottom: 31%;
    right: 1%
  }

  .l-legacy .p-s-kitte__header>a>p {
    margin: 0
  }

  .l-legacy .p-s-kitte__header>a>p>span {
    margin: 6px;
    background-color: #fff
  }

  .l-legacy .p-s-kitte__header>a>p>span>i {
    color: #c00
  }

  .l-legacy .p-s-kitte__header>ul {
    position: absolute;
    bottom: 0;
    padding: 0 1% 1%;
    margin: 0 auto;
    width: 100%
  }

  .l-legacy .p-s-kitte__header>ul>li {
    float: left;
    margin-right: 1%;
    width: 24.2%;
    cursor: pointer
  }

  .l-legacy .p-s-kitte__header>ul>li:last-child {
    margin: 0
  }

  .l-legacy .p-s-kitte__header>ul>li>a {
    display: block
  }

  .l-legacy .p-s-kitte__header>ul>li>a>img {
    width: 100%;
    opacity: .9
  }

  .l-legacy .p-s-kitte__header>ul>li .p-anchor-links {
    margin-bottom: 0 !important
  }

  .l-legacy .p-s-kitte__header>ul>li .p-anchor-links>a {
    width: 100%;
    font-size: 18px
  }

  .l-legacy .p-s-kitte__header>ul>li .p-anchor-link:before {
    content: none
  }

  .l-legacy .p-s-kitte__header>ul>li .p-anchor-link__marker {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 5px
  }

  .l-legacy .p-s-kitte__header>ul.p-s-kitte__anchorList--3col>li {
    width: 33.33%;
    padding: 0 .5%;
    margin-right: 0 !important
  }

  .l-legacy .p-s-kitte__description>p {
    margin: 0 auto;
    width: 98%;
    font-size: 14px;
    line-height: 2.28571
  }

  .l-legacy .p-s-kitte__titleBd:after {
    background: #c00;
    content: "";
    width: 100%;
    height: 3px;
    display: block;
    margin: 8px 0 0
  }

  .l-legacy .p-s-kitte__title {
    position: relative;
    padding-bottom: calc(1.425rem - 8px);
    margin-bottom: 0
  }

  .l-legacy .p-s-kitte__title:after {
    position: absolute;
    width: 2em;
    height: 3px;
    background-color: #c00;
    bottom: 0;
    left: 50%;
    margin-left: -1em
  }

  .l-legacy .p-s-kitte__caption {
    width: 80%;
    margin: 2% auto
  }

  .l-legacy .p-s-kitte__caption__link {
    border-bottom: 1px solid;
    cursor: pointer
  }

  .l-legacy .p-s-kitte__caption__link:hover {
    border-bottom-width: 0
  }

  .l-legacy .p-s-kitte__pickupBlock {
    background: #fff5f5;
    padding: 38px 48px
  }

  .l-legacy .p-s-kitte__pickupImg {
    width: 45%;
    padding-right: 40px
  }

  .l-legacy .p-s-kitte__pickupImg img {
    width: 100%
  }

  .l-legacy .p-s-kitte__pickupSubDescription {
    width: 55%
  }

  .l-legacy .p-s-kitte__frameBlock {
    background: #fff;
    padding: 50px 45px
  }

  .l-legacy .p-s-kitte__frameImg {
    width: 45%;
    padding-right: 60px
  }

  .l-legacy .p-s-kitte__frameImg img {
    width: 100%
  }

  .l-legacy .p-s-kitte__frameSubDescription {
    width: 55%
  }

  .l-legacy .p-s-kitte__list h3 {
    margin-top: 0;
    min-height: 68px
  }

  .l-legacy .p-s-kitte__list h3.oneLine {
    min-height: auto
  }

  .l-legacy .p-s-kitte__list li {
    width: 50%;
    padding-bottom: 3%;
    margin-top: 3%
  }

  .l-legacy .p-s-kitte__list li.has-border {
    border: solid #eee;
    border-width: 0 0 2px
  }

  .l-legacy .p-s-kitte__list li:first-child, .l-legacy .p-s-kitte__list li:nth-child(2) {
    margin-top: 0
  }

  .l-legacy .p-s-kitte__list li.u-fl-l {
    padding-right: 15px
  }

  .l-legacy .p-s-kitte__list li.u-fl-r {
    padding-left: 15px
  }

  .l-legacy .p-s-kitte__list li.u-c {
    margin: auto
  }

  .l-legacy .p-s-kitte__list li img {
    width: 100%
  }

  .l-legacy .p-s-kitte__list p {
    margin: 20px 76px 70px
  }

  .l-legacy .p-s-kitte__list p>a {
    padding: 15px 0
  }

  .l-legacy .p-s-kitte__thumbnail {
    cursor: pointer;
    position: relative
  }

  .l-legacy .p-s-kitte__thumbnail:before {
    background: url(/assets_yjp/images/kitte/zoom.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    content: "";
    display: block;
    position: absolute;
    right: 32px;
    top: 32px;
    width: 1px;
    height: 1px;
    opacity: 0;
    -webkit-transition-timing-function: ease;
    -webkit-transition-timing-function-transition-timing-function: ease;
    -webkit-transition-duration: .3s;
    -webkit-transition-duration-transition-duration: .3s
  }

  .l-legacy .p-s-kitte__thumbnail:hover:before {
    right: 15px;
    top: 15px;
    width: 36px;
    height: 36px;
    opacity: 1
  }

  .l-legacy .p-s-kitte__list-last p {
    margin: 20px 76px 0
  }

  .l-legacy .p-s-kitte__trivia>li {
    cursor: pointer;
    float: left;
    width: 33.3%;
    margin: 0 0 40px;
    padding: 0 10px
  }

  .l-legacy .p-s-kitte__trivia>li img {
    width: 100%;
    margin-bottom: 10px
  }

  .l-legacy .p-s-kitte__manner {
    margin-bottom: 30px
  }

  .l-legacy .p-s-kitte__manner>li {
    float: left;
    width: 50%;
    height: 130px;
    margin: 0;
    padding: 0 8px 8px 0;
    position: relative
  }

  .l-legacy .p-s-kitte__manner>li>span {
    background: url(/assets_yjp/images/kitte/icon-manner.png) #fff 25px 50% no-repeat;
    font-size: 20px;
    cursor: pointer;
    padding: 0 0 0 120px;
    width: 448px;
    height: 122px;
    display: table-cell;
    vertical-align: middle
  }

  .l-legacy .p-s-kitte__manner>li>span:after {
    background: url(/assets_yjp/images/kitte/ar-manner.png);
    content: "";
    width: 14px;
    height: 24px;
    top: 50%;
    right: 22px;
    margin-top: -12px;
    position: absolute
  }

  .l-legacy .p-s-kitte__anchorList-bottom {
    display: block
  }

  .l-legacy .p-s-kitte__anchorList-bottom>li {
    float: left;
    margin-right: .44%;
    width: 24.66%
  }

  .l-legacy .p-s-kitte__anchorList-bottom>li:last-child {
    margin-right: 0
  }

  .l-legacy .p-s-kitte__anchorList-bottom>li>a {
    padding: 42px 0 26px;
    background: #fff;
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
    font-size: 18px
  }

  .l-legacy .p-s-kitte__anchorList-bottom>li>a>.p-anchor-link__marker {
    margin-top: 3%;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center
  }

  .l-legacy .p-s-kitte__anchorList-bottom--3col>li {
    width: 33.33%;
    padding: 0 .5%;
    margin-right: 0 !important
  }

  .l-legacy .p-s-kitte__btn {
    background-color: #666;
    color: #fff;
    margin-top: 28px;
    font-size: 18px
  }

  .l-legacy .p-s-kitte__btn>a {
    display: block;
    padding: 12px;
    margin: 0 auto;
    color: #fff;
    background-color: #c00
  }

  .l-legacy .p-s-kitte__btn>a:before {
    margin-right: 10px
  }

  .l-legacy .p-s-kitte__btn>span {
    font-size: 14px;
    padding: 12px;
    display: block
  }

  .l-legacy .p-s-kitte__btn.btn-w {
    width: 365px;
    margin: 28px auto 0
  }

  .l-legacy .p-s-kitte__btn.ft_btn {
    margin: 0 auto;
    width: 335px
  }

  .l-legacy .p-s-kitte__to-top {
    margin: 0;
    background-color: #e9e9e8
  }

  .l-legacy .p-s-kitte__to-top>a>.p-back-to-top__icon {
    margin-left: .5%
  }

  .l-legacy .p-s-kitte__modal {
    width: 580px;
    overflow: hidden;
    margin: 0 auto;
    text-align: left
  }

  .l-legacy .p-s-kitte__modal .u-fl-l {
    margin: 0 0 5%
  }

  .l-legacy .p-s-kitte__modal .u-fl-r {
    margin-bottom: 5%
  }

  .l-legacy .p-s-kitte__modal .u-fl-r p {
    width: 280px;
    margin: 0 0 2%
  }

  .l-legacy .p-s-kitte__modal .u-fl-r p span {
    font-size: 12px
  }

  .l-legacy .p-s-kitte__modal__buttons {
    clear: both;
    margin-top: 40px;
    text-align: center
  }

  .l-legacy .p-s-kitte__modal__buttons a {
    width: 280px
  }

  .l-legacy .p-s-kitte__modal__buttons a:before {
    padding-right: 10px
  }

  .l-legacy .p-s-kitte__modal__buttons a.is-disabled {
    width: auto;
    padding-left: 2em;
    padding-right: 2em
  }

  .l-legacy .p-s-kitte__modal__buttons span {
    background: #666;
    color: #fff;
    clear: both;
    display: block;
    padding: 10px 20px;
    width: 360px;
    margin: 20px auto 0
  }

  .l-legacy .p-s-kitte__modal__sns-links {
    width: 240px;
    margin: 60px auto 20px
  }

  .l-legacy .dog-ear {
    background: url(/assets_yjp/images/kitte/dog-ear.gif) 100% 0 no-repeat
  }

  .l-legacy .p-sp-s-kitte__header {
    margin: -4.3% -4.5% 0;
    background-image: url(/assets_yjp/images/sp/kitte/top.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
  }

  .l-legacy .p-sp-s-kitte__headTtl {
    padding: 8% 4% 4%;
    text-align: center
  }

  .l-legacy .p-sp-s-kitte__headTtl>h1 {
    margin: 0;
    font-size: 20px
  }

  .l-legacy .p-sp-s-kitte__headTtl>p {
    margin: 0
  }

  .l-legacy .p-sp-s-kitte__headTtl>img {
    width: 40%
  }

  .l-legacy .p-sp-s-kitte__headDescription>p {
    font-size: 11px;
    line-height: 1.5625
  }

  .l-legacy .p-sp-s-kitte__headTxt {
    font-size: 10px
  }

  .l-legacy .p-sp-s-kitte__to-bottom {
    display: block;
    font-size: 8px
  }

  .l-legacy .p-sp-s-kitte__to-bottom>p {
    margin: 0
  }

  .l-legacy .p-sp-s-kitte__anchorList>li {
    float: left;
    width: 50%;
    margin-top: 2%
  }

  .l-legacy .p-sp-s-kitte__anchorList>li img {
    width: 100%
  }

  .l-legacy .p-sp-s-kitte__anchorList>li:nth-child(2n) {
    padding-left: 1%
  }

  .l-legacy .p-sp-s-kitte__anchorList>li:nth-child(2n-1) {
    padding-right: 1%
  }

  .l-legacy .p-sp-s-kitte__anchorList>li>a {
    background: #fff
  }

  .l-legacy .p-sp-s-kitte__anchorList>li>p {
    margin: 0
  }

  .l-legacy .p-sp-s-kitte__anchorList--3col {
    margin: 0 -.5%
  }

  .l-legacy .p-sp-s-kitte__anchorList--3col>li {
    width: 33.33%;
    padding: 0 .5% !important
  }

  .l-legacy .p-sp-s-kitte__titleBd:after {
    background: #c00;
    content: "";
    width: 100%;
    height: 3px;
    display: block;
    margin: 8px 0 0
  }

  .l-legacy .p-sp-s-kitte__titleh3 {
    font-size: 18px;
    font-weight: lighter;
    margin: 4% 0 1.425rem;
    position: relative
  }

  .l-legacy .p-sp-s-kitte__titleh3:after {
    position: absolute;
    width: 2em;
    height: 3px;
    background-color: #c00;
    bottom: -8px;
    left: 50%;
    margin-left: -1em
  }

  .l-legacy .p-sp-s-kitte__whiteBlock {
    margin-bottom: 20px
  }

  .l-legacy .p-sp-s-kitte__pinkBlock {
    background: #fff5f5;
    padding: 6%
  }

  .l-legacy .p-sp-s-kitte__pinkBlock>p {
    text-align: left
  }

  .l-legacy .p-sp-s-kitte__pinkBlock>h3 {
    text-align: center
  }

  .l-legacy .p-sp-s-kitte__list {
    height: 100%
  }

  .l-legacy .p-sp-s-kitte__list>li {
    float: left;
    width: 50%;
    height: 100%;
    padding-bottom: 3%;
    margin-top: 3%;
    position: relative
  }

  .l-legacy .p-sp-s-kitte__list>li:first-child, .l-legacy .p-sp-s-kitte__list>li:nth-child(2) {
    margin-top: 0
  }

  .l-legacy .p-sp-s-kitte__list>li.-single {
    float: none
  }

  .l-legacy .p-sp-s-kitte__list>li h3 {
    margin-bottom: 5%;
    margin-top: 0;
    text-align: left;
    display: block;
    font-size: .975rem;
    min-height: 38px
  }

  .l-legacy .p-sp-s-kitte__list>li h3.oneLine {
    min-height: 18px
  }

  .l-legacy .p-sp-s-kitte__list>li img {
    width: 100%
  }

  .l-legacy .p-sp-s-kitte__list>li.u-fl-l {
    clear: both;
    padding-right: 1%
  }

  .l-legacy .p-sp-s-kitte__list>li.u-fl-r {
    padding-left: 1%
  }

  .l-legacy .p-sp-s-kitte__list>li.has-border {
    padding-bottom: 4%;
    border: solid #eee;
    border-width: 0 0 1px
  }

  .l-legacy .p-sp-s-kitte__list>li.u-c {
    margin: auto
  }

  .l-legacy .p-sp-s-kitte__trivia>li {
    float: left;
    text-align: left;
    width: 50%;
    padding-bottom: 4%
  }

  .l-legacy .p-sp-s-kitte__trivia>li.left {
    padding-right: 1%
  }

  .l-legacy .p-sp-s-kitte__trivia>li.right {
    padding-left: 1%
  }

  .l-legacy .p-sp-s-kitte__trivia>li img {
    margin-bottom: 1%
  }

  .l-legacy .p-sp-s-kitte__manner {
    margin-bottom: 30px
  }

  .l-legacy .p-sp-s-kitte__manner>li {
    margin: 0 0 2%;
    padding: 0
  }

  .l-legacy .p-sp-s-kitte__manner>li>span {
    background: url(/assets_yjp/images/kitte/icon-manner.png) #fff 4% 50% no-repeat;
    -webkit-background-size: auto 75%;
    background-size: auto 75%;
    font-size: 12px;
    padding: 5% 0 5% 18%;
    width: 100%;
    position: relative;
    display: block;
    text-align: left
  }

  .l-legacy .p-sp-s-kitte__manner>li>span:after {
    background: url(/assets_yjp/images/kitte/ar-manner.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    content: "";
    width: 8px;
    height: 14px;
    top: 50%;
    right: 5%;
    margin-top: -7px;
    position: absolute
  }

  .l-legacy .p-sp-s-kitte__anchorList-bottom>li {
    float: left;
    margin-top: 2%;
    width: 50%
  }

  .l-legacy .p-sp-s-kitte__anchorList-bottom>li:nth-child(2n) {
    padding-left: 1%
  }

  .l-legacy .p-sp-s-kitte__anchorList-bottom>li:nth-child(2n-1) {
    padding-right: 1%
  }

  .l-legacy .p-sp-s-kitte__anchorList-bottom>li img {
    width: 100%
  }

  .l-legacy .p-sp-s-kitte__anchorList-bottom--3col {
    margin: 0 -.5%
  }

  .l-legacy .p-sp-s-kitte__anchorList-bottom--3col>li {
    width: 33.33%;
    padding: 0 .5% !important
  }

  .l-legacy .p-sp-s-kitte__btn {
    background: #666;
    margin-bottom: 0
  }

  .l-legacy .p-sp-s-kitte__btn>a {
    color: #fff;
    display: block;
    padding: 11px 0;
    margin: 0 auto;
    width: 100%;
    background-color: #ce0000
  }

  .l-legacy .p-sp-s-kitte__btn>a>p {
    display: inline-block;
    margin: 0;
    font-size: 11px;
    color: #fff
  }

  .l-legacy .p-sp-s-kitte__btn>a>i {
    color: #fff
  }

  .l-legacy .p-sp-s-kitte__btn>a>i:before {
    padding-left: 5px
  }

  .l-legacy .p-sp-s-kitte__btn>span {
    color: #fff;
    display: block;
    padding: 10px 0
  }

  .l-legacy .p-sp-s-kitte__kitteBlock.pickupBlock {
    position: relative
  }

  .l-legacy .p-sp-s-kitte__kitteBlock.pickupBlock:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-color: #eee #eee #ffcfce #ffcfce;
    border-style: solid;
    border-width: 0 30px 30px 0;
    background: #ffcfce
  }

  .l-legacy .p-sp-s-kitte__modal {
    overflow: hidden;
    margin: 0 auto;
    text-align: left
  }

  .l-legacy .p-sp-s-kitte__modal__buttons {
    clear: both;
    margin-top: 20px;
    text-align: center
  }

  .l-legacy .p-sp-s-kitte__modal__buttons a {
    width: 100%
  }

  .l-legacy .p-sp-s-kitte__modal__buttons a:before {
    padding-right: 10px
  }

  .l-legacy .p-sp-s-kitte__modal__buttons span {
    background: #666;
    color: #fff;
    display: block;
    padding: 10px 20px;
    width: 100%;
    margin: 20px auto 0
  }

  .l-legacy .p-sp-s-kitte__modal__sns-links {
    margin: 30px auto 20px
  }

  .l-legacy .p-ochugen-scene-case-number {
    font-weight: 700;
    background-color: #ef922c;
    vertical-align: middle;
    border-radius: 100px;
    display: block;
    font-size: 1.11111rem;
    line-height: 7em;
    width: 80px;
    height: 80px;
    margin: 0 auto
  }

  .l-legacy .p-ochugen-scene-case {
    display: inline-block;
    vertical-align: middle;
    margin-top: .75rem;
    font-size: 1.77778rem;
    font-weight: 400
  }

  .l-legacy .p-ochugen-scene-hero {
    font-size: 1.875rem;
    font-weight: 400
  }

  .l-legacy .p-ochugen-scene-hero__cap {
    font-size: 1.125rem;
    display: block
  }

  .l-legacy .p-ochugen-scene-paragraph {
    padding: 0 4%;
    margin: 2% 2% 3.19444rem
  }

  .l-legacy .p-gift-manner-link {
    position: relative;
    display: inline-block
  }

  .l-legacy .p-gift-manner-link:after {
    content: "";
    height: 1px;
    background: #686868;
    width: 100%;
    position: absolute;
    bottom: -2px;
    display: block
  }

  .l-legacy .p-gift-manner-paragraph {
    margin-top: 2.25rem;
    font-weight: 500;
    color: #3c3c3c;
    font-size: 1.05rem;
    padding: 0 4%;
    margin-bottom: 1.94444rem
  }

  .l-legacy .p-gift-manner-questions__heading {
    text-align: center;
    font-size: 1.18125rem;
    font-weight: 700;
    margin: 1.94444rem 0
  }

  .l-legacy .p-gift-manner-questions__heading__image {
    display: block;
    margin-bottom: 4%
  }

  .l-legacy .p-gift-manner-questions--time .p-gift-manner-question, .l-legacy .p-gift-manner-questions--time .p-gift-manner-questions__heading {
    color: #7a2b50
  }

  .l-legacy .p-gift-manner-questions--gift .p-gift-manner-question, .l-legacy .p-gift-manner-questions--gift .p-gift-manner-questions__heading {
    color: #0d46a0
  }

  .l-legacy .p-gift-manner-questions--how .p-gift-manner-question, .l-legacy .p-gift-manner-questions--how .p-gift-manner-questions__heading {
    color: #c2185b
  }

  .l-legacy .p-gift-manner-question {
    position: relative;
    padding: .5em 1em;
    background-color: #fff;
    color: #3c3c3c;
    display: block;
    margin: 0 0 0 5px;
    font-size: 1.05rem;
    font-weight: 700;
    border-radius: 7px
  }

  .l-legacy .p-gift-manner-question:before {
    content: "";
    display: inline-block;
    position: absolute;
    border: 3px solid rgba(0, 0, 0, 0);
    border-right: 15px solid #fff;
    left: -10px;
    top: 25%
  }

  .l-legacy .p-gift-manner-answer {
    font-weight: 500;
    color: #3c3c3c;
    margin: 2% 0 4%;
    padding-left: 2.1rem;
    font-size: 1.05rem
  }

  .l-legacy .p-gift-manner-answer a {
    border-bottom: 1px solid
  }

  .l-legacy .p-gift-manner-answer a:hover {
    border-bottom-width: 0
  }

  .l-legacy .p-gift-manner-tips {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    margin-top: 25px
  }

  .l-legacy .p-gift-manner-tips:after {
    content: " ";
    display: block;
    clear: both
  }

  .l-legacy .p-gift-manner-tips__col {
    width: 50%;
    float: left
  }

  .l-legacy .p-gift-manner-tips__heading {
    font-size: 1.37813rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    margin: 0 0 20px
  }

  .l-legacy .p-gift-manner-tips__heading__small {
    font-size: 76.19048%;
    line-height: 1.4
  }

  .l-legacy .p-gift-manner-tips__paragraph {
    font-size: 1.05rem;
    font-weight: 500;
    color: #3c3c3c;
    line-height: 1.823529412;
    padding-right: 15px
  }

  .l-legacy .p-gift-manner-tips__paragraph__note {
    font-size: .7875rem
  }

  .l-legacy .p-gift-manner-buttons {
    margin-top: 25px;
    text-align: center
  }

  .l-legacy .p-gift-manner-buttons .c-button {
    font-size: 1.11563rem;
    width: 85.9259259%
  }

  .l-legacy .p-gift-manner-buttons--2 .c-button {
    width: 41.1111111%
  }

  .l-legacy .p-gift-manner-buttons--2 .c-button:first-of-type {
    margin-right: 3.7962963%
  }

  .l-legacy .p-gift-manner-profile-container {
    padding: 0 2%
  }

  .l-legacy .p-gift-manner-profile {
    background-color: #fff;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
    padding: 5.0925926% 3.7037037%
  }

  .l-legacy .p-gift-manner-profile__icon {
    display: table-cell;
    vertical-align: top;
    width: 21.3447172%;
    text-align: center
  }

  .l-legacy .p-gift-manner-profile__text {
    display: table-cell
  }

  .l-legacy .p-gift-manner-profile__name {
    font-size: 1.18125rem;
    font-weight: 500;
    margin: 0 0 .75rem
  }

  .l-legacy .p-gift-manner-profile__title {
    font-size: 1.05rem;
    font-weight: 700
  }

  .l-legacy .p-gift-manner-profile__hello {
    margin: .75rem 0 0
  }

  .l-legacy .p-gift-manner-lede-how.p-visual .p-visual__caption {
    font-size: 1.65rem;
    font-weight: 400
  }

  .l-legacy .p-gift-manner-lede-how.p-visual .p-visual__caption>span {
    font-size: 52%
  }

  .l-legacy .p-pr__catch {
    margin-bottom: 3%;
    text-align: center
  }

  .l-legacy .p-pr__catch__text {
    margin: 0;
    font-size: 1.35rem;
    line-height: 2.22222
  }

  .l-legacy .p-pr__box {
    width: 95%;
    background: #fff;
    padding: 4%;
    margin: 0 auto 3%;
    font-family: Noto Sans Japanese, Helvetica, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif
  }

  .l-legacy .p-pr__list .p-pr__list__item {
    display: table;
    margin-bottom: 4%;
    border: 1px solid #eee
  }

  .l-legacy .p-pr__list .p-pr__list__item:last-child {
    margin-bottom: 0
  }

  .l-legacy .p-pr__list .p-pr__list__picture {
    width: 35.7%;
    display: table-cell
  }

  .l-legacy .p-pr__list .p-pr__list__picture>img {
    display: block;
    width: 100%;
    margin: 0
  }

  .l-legacy .p-pr__list .p-pr__list__picture>a {
    display: block
  }

  .l-legacy .p-pr__list .p-pr__list__picture>a:hover {
    opacity: .8
  }

  .l-legacy .p-pr__list .p-pr__list__picture .p-pr__list__btn {
    display: block;
    margin: 0;
    font-size: 20px;
    background: #f0922c;
    color: #fff;
    text-align: center;
    font-size: .975rem;
    padding: 1.4%
  }

  .l-legacy .p-pr__list .p-pr__list__picture .p-pr__list__btn .icon {
    right: 1.5rem
  }

  .l-legacy .p-pr__list .p-pr__list__picture.furusato-pr-pic {
    width: 23%
  }

  .l-legacy .p-pr__list .p-pr__list__picture.furusato-pr-pic img {
    width: 100%
  }

  .l-legacy .p-pr__list .p-pr__list__body {
    display: table-cell;
    width: 64.3%;
    vertical-align: top;
    padding: 2.5%;
    border-right: 1px solid #eee
  }

  .l-legacy .p-pr__list .p-pr__list__body__title {
    font-weight: 700;
    font-size: inherit;
    margin: 0
  }

  .l-legacy .p-pr__list .p-pr__list__body__title.furusato-pr-title {
    font-size: 20px;
    line-height: 1.6
  }

  .l-legacy .p-pr__list .p-pr__list__body__title.furusato-pr-title>.c-badge {
    display: block;
    font-size: 18px;
    font-weight: 400
  }

  .l-legacy .p-pr__list .p-pr__list__body__title.furusato-pr-title>span {
    float: left;
    vertical-align: middle
  }

  .l-legacy .p-pr__list .p-pr__list__body__price {
    font-weight: 700;
    font-size: inherit;
    margin: 0
  }

  .l-legacy .p-pr__list .p-pr__list__body__catch {
    color: #393939;
    font-size: 1.275rem;
    font-family: ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, 游明朝, YuMincho, ＭＳ\ Ｐ明朝, ＭＳ\ 明朝, serif;
    margin: .5em 0
  }

  .l-legacy .p-pr__list .p-pr__list__body__description {
    margin: 0
  }

  .l-legacy .p-pr__copy {
    margin: 0 auto;
    width: 95%;
    text-align: right
  }

  .l-legacy .p-pr__copy__text {
    margin: 0;
    font-size: .9rem;
    color: #bbb;
    line-height: 1.66667
  }

  .l-legacy .p-sp-pr__unit {
    padding: 4%;
    background-color: #fff
  }

  .l-legacy .p-sp-pr__catch {
    text-align: center
  }

  .l-legacy .p-sp-pr__catch__text {
    margin: 1% 0 5%;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25
  }

  .l-legacy .p-sp-prBox {
    margin-bottom: 5%;
    border: 1px solid #eee;
    display: table
  }

  .l-legacy .p-sp-prBox:last-child {
    margin-bottom: 0
  }

  .l-legacy .p-sp-pr__items {
    display: table-cell;
    vertical-align: top
  }

  .l-legacy .p-sp-pr__items img {
    width: 100%;
    vertical-align: bottom
  }

  .l-legacy .p-sp-pr__items.is-words {
    width: 61.85%
  }

  .l-legacy .p-sp-pr__btn {
    display: block;
    padding: 6% 0;
    text-align: center
  }

  .l-legacy .p-sp-pr__btn__txt {
    margin: 0;
    font-size: 12px;
    color: #fff
  }

  .l-legacy .p-sp-pr__btn__txt>span {
    margin-right: 3%
  }

  .l-legacy .p-sp-pr__info {
    padding: 4%
  }

  .l-legacy .p-sp-pr__ttl {
    font-size: .9195rem;
    line-height: 1.5;
    text-align: left;
    margin: 6% 0 2%
  }

  .l-legacy .p-sp-pr__txt {
    font-size: .9195rem;
    line-height: 1.64286;
    text-align: left;
    margin: 0
  }

  .l-legacy .p-sp-pr__txt.fm-mincho {
    font-family: ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, 游明朝, YuMincho, ＭＳ\ Ｐ明朝, ＭＳ\ 明朝, serif
  }

  .l-legacy .p-sp-pr__copy {
    margin: 2% 0
  }

  .l-legacy .p-sp-pr__copy__text {
    font-size: 8px;
    color: #bbb;
    line-height: 1.66667;
    text-align: right;
    margin: 0
  }

  .l-legacy .p-sp-pr__recoList>li {
    margin-bottom: 2%;
    width: 100%;
    border: 1px solid #eee
  }

  .l-legacy .p-sp-pr__recoList__ttl {
    padding: 3% 3% 0
  }

  .l-legacy .p-sp-pr__recoList__ttl__price {
    font-weight: 700
  }

  .l-legacy .p-sp-pr__recoList__ttl>h4 {
    font-size: 16px;
    margin: 0 0 .5em
  }

  .l-legacy .p-sp-pr__recoList__ttl>h4>span {
    float: left
  }

  .l-legacy .p-sp-pr__recoList__ttl>h4>.c-badge {
    font-size: 14px;
    font-weight: 400;
    background-color: #cbcbcb
  }

  .l-legacy .p-sp-pr__recoList__body {
    display: table;
    padding: 0 3% 3%;
    width: 100%;
    table-layout: fixed
  }

  .l-legacy .p-sp-pr__recoList__pic {
    display: table-cell;
    width: 30%;
    vertical-align: top
  }

  .l-legacy .p-sp-pr__recoList__pic>img {
    display: block
  }

  .l-legacy .p-sp-pr__recoList__txt {
    display: table-cell;
    width: 70%;
    vertical-align: top
  }

  .l-legacy .p-sp-pr__recoList__txt>p {
    margin: 0;
    font-size: 11px
  }

  .l-legacy .p-sp-pr__recoList__btn {
    margin: 0;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background: #cbcbcb
  }

  .l-legacy .p-who-is-them {
    text-align: center
  }

  .l-legacy .p-who-is-them__profile {
    margin-top: 1%;
    font-family: Noto Sans Japanese, Helvetica, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif
  }

  .l-legacy .p-who-is-them__profile__title {
    display: block
  }

  .l-legacy .p-who-is-them__profile__name {
    display: block;
    font-size: 1.05rem;
    font-weight: 700
  }

  .l-legacy .p-who-is-them__profile__link {
    display: block;
    text-decoration: underline
  }

  .l-legacy .p-frame-stamp-info {
    background-color: #fff;
    padding: 4%;
    margin-bottom: 20px;
    zoom: 1
  }

  .l-legacy .p-frame-stamp-info:after {
    content: "";
    display: block;
    clear: both
  }

  .l-legacy .p-frame-stamp-info__heading {
    text-align: center;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 3.375rem
  }

  .l-legacy .p-frame-stamp-info__image {
    text-align: center
  }

  .l-legacy .p-frame-stamp-info--about .l-legacy .p-frame-stamp-info__text {
    width: 64.2%;
    float: left
  }

  .l-legacy .p-frame-stamp-info--about .l-legacy .p-frame-stamp-info__image {
    float: left;
    width: 35.8%;
    margin-top: -40px
  }

  .l-legacy .p-sp-news-list {
    font-size: 11px;
    background-color: #fff
  }

  .l-legacy .p-sp-news-list .p-slider {
    float: left;
    display: inline-block;
    width: 70%
  }

  .l-legacy .p-sp-news-list .slick-list {
    margin: 0
  }

  .l-legacy .p-sp-news-list__text {
    padding-right: 5%;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
  }

  .l-legacy .p-sp-news-list__link {
    float: right;
    text-align: right;
    text-decoration: underline;
    vertical-align: middle
  }

  .l-legacy .p-sp-top-navigation {
    position: relative;
    margin-top: 2%
  }

  .l-legacy .p-sp-top-navigation__notify {
    margin-bottom: 8%;
    text-align: right;
    font-size: 1.35rem
  }

  .l-legacy .p-sp-top-navigation__form {
    margin-bottom: 2%
  }

  .l-legacy .p-sp-top-navigation__logo {
    display: inline-block;
    position: absolute;
    padding: 4.245130835% 3.056494201%;
    border-radius: 5px;
    background-color: #fff;
    top: -6rem
  }

  .l-legacy .p-flash__ .p-visual__caption {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    top: 0;
    height: 100%
  }

  .l-legacy .p-flash__-mouhitsu-logo {
    margin: 0;
    text-align: left;
    padding: 0;
    position: relative
  }

  .l-legacy .p-flash__-mouhitsu-logo img {
    top: 0;
    left: 20%;
    position: absolute;
    margin: 0;
    width: 35%
  }

  .l-legacy .p-flash__-mouhitsu-guide {
    font-weight: 300;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    width: 100%
  }

  .l-legacy .p-flash__-mouhitsu-guide h2 {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    margin: 0
  }

  .l-legacy .p-flash__-mouhitsu-guide p {
    color: #000;
    text-align: center;
    margin: 0 0 10px
  }

  .l-legacy .p-flash__-mouhitsu-guide p.btn {
    width: 30%;
    margin: 0 auto 5px
  }

  .l-legacy .p-flash__-mouhitsu-guide p.btn a {
    width: 100%
  }

  .l-legacy .p-flash__-mouhitsu-guide p.btn img {
    height: auto
  }

  .l-legacy .p-flash__-mouhitsu-guide p.notice {
    color: #db282d
  }

  .l-legacy .p-flash__-hanko-logo {
    margin: 20px 0 0 30px;
    text-align: left
  }

  .l-legacy .p-flash__-hanko-logo img {
    width: 36%;
    max-height: 310px
  }

  .l-legacy .p-flash__-hanko-guide {
    font-weight: 300;
    font-size: 12px;
    position: absolute;
    bottom: 4%;
    width: 100%
  }

  .l-legacy .p-flash__-hanko-guide p {
    color: #000;
    text-align: center;
    margin: 0 auto 6px
  }

  .l-legacy .p-flash__-hanko-guide p.btn {
    width: 30%
  }

  .l-legacy .p-flash__-hanko-guide p.btn a {
    width: 100%
  }

  .l-legacy .p-flash__-hanko-guide p.btn img {
    height: auto
  }

  .l-legacy .p-flash__-hanko-guide p.notice {
    color: #db282d
  }

  body.hanko {
    background-color: #fff !important
  }

  body.hanko .l-legacy {
    padding: 4%;
    background: url(/assets_yjp/images/sp/hanko/hanko-visual.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    min-height: 402px;
    position: relative
  }

  body.hanko-sec .l-legacy h1 {
    margin-top: 0
  }

  body.hanko-sec .l-legacy .btn-back, body.hanko-sec .l-legacy h2 {
    text-align: center
  }

  body.hanko-sec .l-legacy .btn-back img {
    width: 50%
  }

  .l-legacy .p-sp-flash__-hanko-logo {
    margin: 4% 25% 0;
    width: 50%
  }

  body.hanko .l-legacy .balloon {
    display: inline-block;
    position: absolute;
    top: 1.5625%;
    right: 3.90625%;
    width: 32.03125%
  }

  body.hanko .l-legacy .p-hanko--service {
    background-color: #f4f4f4;
    padding: 5%;
    margin: 5% -5%
  }

  .l-legacy .p-sp-flash__-hanko-logo img {
    width: 100%
  }

  .l-legacy .p-sp-flash__-hanko-guide {
    width: 100%;
    padding-bottom: 12.5%;
    position: relative
  }

  .l-legacy .p-sp-flash__-hanko-guide p {
    color: #000;
    font-weight: 700;
    font-size: .9rem;
    text-align: center
  }

  .l-legacy .p-sp-flash__-hanko-guide p.lead {
    padding: 5% 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: -50%;
    width: 100%
  }

  .l-legacy .p-sp-flash__-hanko-guide p.btn {
    width: 68%;
    margin: 32% auto 0
  }

  .l-legacy .p-sp-flash__-hanko-guide p.btn img {
    width: 100%
  }

  .l-legacy .p-sp-flash__-hanko-guide .small-btn {
    width: 50%;
    font-weight: 700;
    text-align: center;
    overflow: hidden
  }

  .l-legacy .p-sp-flash__-hanko-guide .small-btn a {
    height: 8%;
    display: block;
    padding: 6%
  }

  .l-legacy .p-sp-flash__-hanko-guide .small-btn.left-btn {
    float: left;
    padding: 11% 2% 2% 16%
  }

  .l-legacy .p-sp-flash__-hanko-guide .small-btn.right-btn {
    float: right;
    padding: 11% 16% 2% 2%
  }

  .l-legacy .p-sp-flash__-hanko-guide .small-btn.center-btn {
    padding: 11% 2% 2% 0;
    margin: 0 auto
  }

  .l-legacy .p-sp-flash__-hanko-term span {
    font-size: 16px
  }

  .l-legacy .p-sp-flash__-hanko-how h2 {
    margin-bottom: -60px
  }

  .l-legacy .p-sp-flash__-hanko-how h3 {
    padding-top: 60px
  }

  .l-legacy .p-sp-flash__-hanko-how hr {
    margin-bottom: -60px
  }

  .l-legacy .p-sp-flash__-hanko-how ol {
    margin: 0;
    padding: 0
  }

  .l-legacy .p-sp-flash__-hanko-how ol li {
    position: relative;
    padding-top: 30px
  }

  .l-legacy .p-sp-flash__-hanko-how ol li:first-child {
    padding-top: 0
  }

  .l-legacy .p-sp-flash__-hanko-how ol li:first-child:before {
    border: none
  }

  .l-legacy .p-sp-flash__-hanko-how ol li:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -10px;
    border-color: #c00 rgba(0, 0, 0, 0) #000;
    border-style: solid;
    border-width: 15px 10px 0
  }

  .l-legacy .p-sp-flash__-hanko-how nav {
    margin-bottom: 5px;
    overflow: hidden
  }

  .l-legacy .p-sp-flash__-hanko-how nav li {
    float: left;
    padding: 5px;
    width: 50%
  }

  .l-legacy .p-sp-flash__-hanko-how nav li a {
    background-color: #ce0000;
    background-image: url(/assets_yjp/images/sp/hanko/how-to-use_arrow.png);
    background-repeat: no-repeat;
    background-position: 95%;
    -webkit-background-size: auto 30%;
    background-size: auto 30%;
    border-radius: 4px;
    color: #fff;
    display: block;
    padding: 20px 10px
  }

  .l-legacy .p-sp-flash__-hanko-how span {
    color: #c00
  }

  .l-legacy .p-gift-birth dl dt {
    font-weight: 700
  }

  .l-legacy .p-gift-birth dl dd {
    margin-left: 0
  }

  .l-legacy .p-gift-birth img {
    width: 100%
  }

  .l-legacy .p-gift-birth .slick-dots {
    bottom: -35px;
    z-index: 4
  }

  .l-legacy .p-gift-birth-sp-wrap {
    padding: 0 3%
  }

  .l-legacy .p-gift-birth-title {
    margin-top: 0
  }

  .l-legacy .p-gift-birth-bag {
    padding: 0 0 8% 1%;
    text-align: center
  }

  .l-legacy .p-gift-birth-bag img {
    width: auto
  }

  .l-legacy .p-gift-birth-bag-title {
    padding: 50px 0 15px
  }

  .l-legacy .p-gift-birth-bag-price {
    margin: 6% 0
  }

  .l-legacy .p-gift-birth-bag-image {
    margin: 8% 7% 0;
    text-align: center
  }

  .l-legacy .p-gift-birth-bag-button {
    width: 52%
  }

  .l-legacy .p-gift-birth-bag-button>p {
    margin: 0
  }

  .l-legacy .p-gift-birth-bag-button>span {
    position: absolute;
    top: 12px;
    right: 15px
  }

  .l-legacy .p-gift-birth-features {
    overflow: hidden;
    margin: 0 1%
  }

  .l-legacy .p-gift-birth-features__block {
    float: left;
    width: 46%;
    margin: 0 2% 4%
  }

  .l-legacy .p-gift-birth-features__block dl {
    margin: 4% 0
  }

  .l-legacy .p-gift-birth-features__block dt {
    margin-bottom: 1%;
    text-align: center
  }

  .l-legacy .p-gift-birth__gifts-title {
    margin: 10% auto 6%;
    text-align: center
  }

  .l-legacy .p-gift-birth__gifts-title>img {
    width: auto
  }

  .l-legacy .p-gift-birth__group {
    padding: 0;
    margin-bottom: 3%
  }

  .l-legacy .p-gift-birth__gift {
    background-color: #f8f8f8;
    width: 100%;
    height: 25%;
    margin: 4% 0 0;
    position: relative;
    overflow: hidden
  }

  .l-legacy .p-gift-birth__gift>figure {
    margin: 0;
    width: 37%;
    float: left
  }

  .l-legacy .p-gift-birth__gift>figure>img {
    width: 100%
  }

  .l-legacy .p-gift-birth__gift>figcaption>dl {
    margin: 0 0 0 38%
  }

  .l-legacy .p-gift-birth__gift>figcaption>dl>dt {
    padding: 4% 4% 0
  }

  .l-legacy .p-gift-birth__gift>figcaption>dl>dd {
    padding: 0 4%
  }

  .l-legacy .p-gift-birth__gift-button {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 63%;
    padding: 2% 5%
  }

  .l-legacy .p-gift-birth__gift-button>p {
    margin: 0
  }

  .l-legacy .p-gift-birth__gift-button>span {
    position: absolute;
    top: 0;
    right: 4%;
    margin-top: 4%
  }

  .l-legacy .p-gift-birth__banner {
    clear: both;
    margin: 8% 0;
    position: relative
  }

  .l-legacy .p-gift-birth__banner__banners {
    text-align: center;
    width: 100%
  }

  .l-legacy .p-gift-birth__banner__banners>h4 {
    margin: 0 auto
  }

  .l-legacy .p-gift-birth__banner__banners>p {
    margin: 20px 0 0
  }

  .l-legacy .u-hvr-opa {
    display: block
  }

  .l-legacy .u-hvr-opa:hover {
    opacity: .8
  }

  .l-legacy .u-full {
    width: 100%
  }

  .l-legacy .u-half {
    width: 50%
  }

  .l-legacy .u-pos-rel {
    position: relative
  }

  .l-legacy .u-pos-abs {
    position: absolute
  }

  .l-legacy .u-pos-fix-btm {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%
  }

  .l-legacy .u-block {
    display: block !important
  }

  .l-legacy .u-none {
    display: none !important
  }

  .l-legacy .u-table {
    display: table !important
  }

  .l-legacy .u-table-cell {
    display: table-cell !important
  }

  .l-legacy .u-inline-block {
    display: inline-block !important
  }

  .l-legacy .u-mincho {
    font-family: ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, 游明朝, YuMincho, ＭＳ\ Ｐ明朝, ＭＳ\ 明朝, serif
  }

  .l-legacy .u-sans-serif {
    font-family: Noto Sans Japanese, Helvetica, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif
  }

  .l-legacy .u-fontw-bold {
    font-weight: 700 !important
  }

  .l-legacy .u-fontw-normal {
    font-weight: 400 !important
  }

  .l-legacy .u-fontw-1 {
    font-weight: 100
  }

  .l-legacy .u-fontw-2 {
    font-weight: 200
  }

  .l-legacy .u-fontw-3 {
    font-weight: 300
  }

  .l-legacy .u-fontw-4 {
    font-weight: 400
  }

  .l-legacy .u-fontw-5 {
    font-weight: 500
  }

  .l-legacy .u-fontw-6 {
    font-weight: 600
  }

  .l-legacy .u-fontw-7 {
    font-weight: 700
  }

  .l-legacy .u-fontw-8 {
    font-weight: 800
  }

  .l-legacy .u-fontw-9 {
    font-weight: 900
  }

  .l-legacy .u-clear {
    clear: both
  }

  .l-legacy .p-recommend-contents-banner__each, .l-legacy .p-recommended-products__each, .l-legacy .u-clearfix {
    zoom: 1
  }

  .l-legacy .p-recommend-contents-banner__each:after, .l-legacy .p-recommended-products__each:after, .l-legacy .u-clearfix:after {
    content: "";
    display: block;
    clear: both
  }

  .l-legacy .u-fl-l {
    float: left !important
  }

  .l-legacy .u-fl-r {
    float: right !important
  }

  .l-legacy .u-fl-n {
    float: none !important
  }

  .l-legacy .u-align-l {
    text-align: left !important
  }

  .l-legacy .u-align-r {
    text-align: right !important
  }

  .l-legacy .u-align-c {
    text-align: center !important
  }

  .l-legacy .u-valign-t {
    vertical-align: top !important
  }

  .l-legacy .u-valign-m {
    vertical-align: middle !important
  }

  .l-legacy .u-valign-b {
    vertical-align: bottom !important
  }

  .l-legacy .u-m-0 {
    margin: 0 !important
  }

  .l-legacy .u-m-1 {
    margin: 1% !important
  }

  .l-legacy .u-m-2 {
    margin: 2% !important
  }

  .l-legacy .u-m-3 {
    margin: 3% !important
  }

  .l-legacy .u-m-4 {
    margin: 4% !important
  }

  .l-legacy .u-m-5 {
    margin: 5% !important
  }

  .l-legacy .u-m-6 {
    margin: 6% !important
  }

  .l-legacy .u-m-7 {
    margin: 7% !important
  }

  .l-legacy .u-m-8 {
    margin: 8% !important
  }

  .l-legacy .u-m-9 {
    margin: 9% !important
  }

  .l-legacy .u-m-10 {
    margin: 10% !important
  }

  .l-legacy .u-m-11 {
    margin: 11% !important
  }

  .l-legacy .u-m-12 {
    margin: 12% !important
  }

  .l-legacy .u-m-13 {
    margin: 13% !important
  }

  .l-legacy .u-m-14 {
    margin: 14% !important
  }

  .l-legacy .u-m-15 {
    margin: 15% !important
  }

  .l-legacy .u-m-16 {
    margin: 16% !important
  }

  .l-legacy .u-m-17 {
    margin: 17% !important
  }

  .l-legacy .u-m-18 {
    margin: 18% !important
  }

  .l-legacy .u-m-19 {
    margin: 19% !important
  }

  .l-legacy .u-m-20 {
    margin: 20% !important
  }

  .l-legacy .u-mt-0 {
    margin-top: 0 !important
  }

  .l-legacy .u-mt-1 {
    margin-top: 1% !important
  }

  .l-legacy .u-mt-2 {
    margin-top: 2% !important
  }

  .l-legacy .u-mt-3 {
    margin-top: 3% !important
  }

  .l-legacy .u-mt-4 {
    margin-top: 4% !important
  }

  .l-legacy .u-mt-5 {
    margin-top: 5% !important
  }

  .l-legacy .u-mt-6 {
    margin-top: 6% !important
  }

  .l-legacy .u-mt-7 {
    margin-top: 7% !important
  }

  .l-legacy .u-mt-8 {
    margin-top: 8% !important
  }

  .l-legacy .u-mt-9 {
    margin-top: 9% !important
  }

  .l-legacy .u-mt-10 {
    margin-top: 10% !important
  }

  .l-legacy .u-mt-11 {
    margin-top: 11% !important
  }

  .l-legacy .u-mt-12 {
    margin-top: 12% !important
  }

  .l-legacy .u-mt-13 {
    margin-top: 13% !important
  }

  .l-legacy .u-mt-14 {
    margin-top: 14% !important
  }

  .l-legacy .u-mt-15 {
    margin-top: 15% !important
  }

  .l-legacy .u-mt-16 {
    margin-top: 16% !important
  }

  .l-legacy .u-mt-17 {
    margin-top: 17% !important
  }

  .l-legacy .u-mt-18 {
    margin-top: 18% !important
  }

  .l-legacy .u-mt-19 {
    margin-top: 19% !important
  }

  .l-legacy .u-mt-20 {
    margin-top: 20% !important
  }

  .l-legacy .u-mb-0 {
    margin-bottom: 0 !important
  }

  .l-legacy .u-mb-1 {
    margin-bottom: 1% !important
  }

  .l-legacy .u-mb-2 {
    margin-bottom: 2% !important
  }

  .l-legacy .u-mb-3 {
    margin-bottom: 3% !important
  }

  .l-legacy .u-mb-4 {
    margin-bottom: 4% !important
  }

  .l-legacy .u-mb-5 {
    margin-bottom: 5% !important
  }

  .l-legacy .u-mb-6 {
    margin-bottom: 6% !important
  }

  .l-legacy .u-mb-7 {
    margin-bottom: 7% !important
  }

  .l-legacy .u-mb-8 {
    margin-bottom: 8% !important
  }

  .l-legacy .u-mb-9 {
    margin-bottom: 9% !important
  }

  .l-legacy .u-mb-10 {
    margin-bottom: 10% !important
  }

  .l-legacy .u-mb-11 {
    margin-bottom: 11% !important
  }

  .l-legacy .u-mb-12 {
    margin-bottom: 12% !important
  }

  .l-legacy .u-mb-13 {
    margin-bottom: 13% !important
  }

  .l-legacy .u-mb-14 {
    margin-bottom: 14% !important
  }

  .l-legacy .u-mb-15 {
    margin-bottom: 15% !important
  }

  .l-legacy .u-mb-16 {
    margin-bottom: 16% !important
  }

  .l-legacy .u-mb-17 {
    margin-bottom: 17% !important
  }

  .l-legacy .u-mb-18 {
    margin-bottom: 18% !important
  }

  .l-legacy .u-mb-19 {
    margin-bottom: 19% !important
  }

  .l-legacy .u-mb-20 {
    margin-bottom: 20% !important
  }

  .l-legacy .u-ml-0 {
    margin-left: 0 !important
  }

  .l-legacy .u-ml-1 {
    margin-left: 1% !important
  }

  .l-legacy .u-ml-2 {
    margin-left: 2% !important
  }

  .l-legacy .u-ml-3 {
    margin-left: 3% !important
  }

  .l-legacy .u-ml-4 {
    margin-left: 4% !important
  }

  .l-legacy .u-ml-5 {
    margin-left: 5% !important
  }

  .l-legacy .u-ml-6 {
    margin-left: 6% !important
  }

  .l-legacy .u-ml-7 {
    margin-left: 7% !important
  }

  .l-legacy .u-ml-8 {
    margin-left: 8% !important
  }

  .l-legacy .u-ml-9 {
    margin-left: 9% !important
  }

  .l-legacy .u-ml-10 {
    margin-left: 10% !important
  }

  .l-legacy .u-ml-11 {
    margin-left: 11% !important
  }

  .l-legacy .u-ml-12 {
    margin-left: 12% !important
  }

  .l-legacy .u-ml-13 {
    margin-left: 13% !important
  }

  .l-legacy .u-ml-14 {
    margin-left: 14% !important
  }

  .l-legacy .u-ml-15 {
    margin-left: 15% !important
  }

  .l-legacy .u-ml-16 {
    margin-left: 16% !important
  }

  .l-legacy .u-ml-17 {
    margin-left: 17% !important
  }

  .l-legacy .u-ml-18 {
    margin-left: 18% !important
  }

  .l-legacy .u-ml-19 {
    margin-left: 19% !important
  }

  .l-legacy .u-ml-20 {
    margin-left: 20% !important
  }

  .l-legacy .u-mr-0 {
    margin-right: 0 !important
  }

  .l-legacy .u-mr-1 {
    margin-right: 1% !important
  }

  .l-legacy .u-mr-2 {
    margin-right: 2% !important
  }

  .l-legacy .u-mr-3 {
    margin-right: 3% !important
  }

  .l-legacy .u-mr-4 {
    margin-right: 4% !important
  }

  .l-legacy .u-mr-5 {
    margin-right: 5% !important
  }

  .l-legacy .u-mr-6 {
    margin-right: 6% !important
  }

  .l-legacy .u-mr-7 {
    margin-right: 7% !important
  }

  .l-legacy .u-mr-8 {
    margin-right: 8% !important
  }

  .l-legacy .u-mr-9 {
    margin-right: 9% !important
  }

  .l-legacy .u-mr-10 {
    margin-right: 10% !important
  }

  .l-legacy .u-mr-11 {
    margin-right: 11% !important
  }

  .l-legacy .u-mr-12 {
    margin-right: 12% !important
  }

  .l-legacy .u-mr-13 {
    margin-right: 13% !important
  }

  .l-legacy .u-mr-14 {
    margin-right: 14% !important
  }

  .l-legacy .u-mr-15 {
    margin-right: 15% !important
  }

  .l-legacy .u-mr-16 {
    margin-right: 16% !important
  }

  .l-legacy .u-mr-17 {
    margin-right: 17% !important
  }

  .l-legacy .u-mr-18 {
    margin-right: 18% !important
  }

  .l-legacy .u-mr-19 {
    margin-right: 19% !important
  }

  .l-legacy .u-mr-20 {
    margin-right: 20% !important
  }

  .l-legacy .u-m-auto {
    margin: 0 auto !important
  }

  .l-legacy .u-p-0 {
    padding: 0 !important
  }

  .l-legacy .u-p-1 {
    padding: 1% !important
  }

  .l-legacy .u-p-2 {
    padding: 2% !important
  }

  .l-legacy .u-p-3 {
    padding: 3% !important
  }

  .l-legacy .u-p-4 {
    padding: 4% !important
  }

  .l-legacy .u-p-5 {
    padding: 5% !important
  }

  .l-legacy .u-p-6 {
    padding: 6% !important
  }

  .l-legacy .u-p-7 {
    padding: 7% !important
  }

  .l-legacy .u-p-8 {
    padding: 8% !important
  }

  .l-legacy .u-p-9 {
    padding: 9% !important
  }

  .l-legacy .u-p-10 {
    padding: 10% !important
  }

  .l-legacy .u-p-11 {
    padding: 11% !important
  }

  .l-legacy .u-p-12 {
    padding: 12% !important
  }

  .l-legacy .u-p-13 {
    padding: 13% !important
  }

  .l-legacy .u-p-14 {
    padding: 14% !important
  }

  .l-legacy .u-p-15 {
    padding: 15% !important
  }

  .l-legacy .u-p-16 {
    padding: 16% !important
  }

  .l-legacy .u-p-17 {
    padding: 17% !important
  }

  .l-legacy .u-p-18 {
    padding: 18% !important
  }

  .l-legacy .u-p-19 {
    padding: 19% !important
  }

  .l-legacy .u-p-20 {
    padding: 20% !important
  }

  .l-legacy .u-pt-0 {
    padding-top: 0 !important
  }

  .l-legacy .u-pt-1 {
    padding-top: 1% !important
  }

  .l-legacy .u-pt-2 {
    padding-top: 2% !important
  }

  .l-legacy .u-pt-3 {
    padding-top: 3% !important
  }

  .l-legacy .u-pt-4 {
    padding-top: 4% !important
  }

  .l-legacy .u-pt-5 {
    padding-top: 5% !important
  }

  .l-legacy .u-pt-6 {
    padding-top: 6% !important
  }

  .l-legacy .u-pt-7 {
    padding-top: 7% !important
  }

  .l-legacy .u-pt-8 {
    padding-top: 8% !important
  }

  .l-legacy .u-pt-9 {
    padding-top: 9% !important
  }

  .l-legacy .u-pt-10 {
    padding-top: 10% !important
  }

  .l-legacy .u-pt-11 {
    padding-top: 11% !important
  }

  .l-legacy .u-pt-12 {
    padding-top: 12% !important
  }

  .l-legacy .u-pt-13 {
    padding-top: 13% !important
  }

  .l-legacy .u-pt-14 {
    padding-top: 14% !important
  }

  .l-legacy .u-pt-15 {
    padding-top: 15% !important
  }

  .l-legacy .u-pt-16 {
    padding-top: 16% !important
  }

  .l-legacy .u-pt-17 {
    padding-top: 17% !important
  }

  .l-legacy .u-pt-18 {
    padding-top: 18% !important
  }

  .l-legacy .u-pt-19 {
    padding-top: 19% !important
  }

  .l-legacy .u-pt-20 {
    padding-top: 20% !important
  }

  .l-legacy .u-pb-0 {
    padding-bottom: 0 !important
  }

  .l-legacy .u-pb-1 {
    padding-bottom: 1% !important
  }

  .l-legacy .u-pb-2 {
    padding-bottom: 2% !important
  }

  .l-legacy .u-pb-3 {
    padding-bottom: 3% !important
  }

  .l-legacy .u-pb-4 {
    padding-bottom: 4% !important
  }

  .l-legacy .u-pb-5 {
    padding-bottom: 5% !important
  }

  .l-legacy .u-pb-6 {
    padding-bottom: 6% !important
  }

  .l-legacy .u-pb-7 {
    padding-bottom: 7% !important
  }

  .l-legacy .u-pb-8 {
    padding-bottom: 8% !important
  }

  .l-legacy .u-pb-9 {
    padding-bottom: 9% !important
  }

  .l-legacy .u-pb-10 {
    padding-bottom: 10% !important
  }

  .l-legacy .u-pb-11 {
    padding-bottom: 11% !important
  }

  .l-legacy .u-pb-12 {
    padding-bottom: 12% !important
  }

  .l-legacy .u-pb-13 {
    padding-bottom: 13% !important
  }

  .l-legacy .u-pb-14 {
    padding-bottom: 14% !important
  }

  .l-legacy .u-pb-15 {
    padding-bottom: 15% !important
  }

  .l-legacy .u-pb-16 {
    padding-bottom: 16% !important
  }

  .l-legacy .u-pb-17 {
    padding-bottom: 17% !important
  }

  .l-legacy .u-pb-18 {
    padding-bottom: 18% !important
  }

  .l-legacy .u-pb-19 {
    padding-bottom: 19% !important
  }

  .l-legacy .u-pb-20 {
    padding-bottom: 20% !important
  }

  .l-legacy .u-pl-0 {
    padding-left: 0 !important
  }

  .l-legacy .u-pl-1 {
    padding-left: 1% !important
  }

  .l-legacy .u-pl-2 {
    padding-left: 2% !important
  }

  .l-legacy .u-pl-3 {
    padding-left: 3% !important
  }

  .l-legacy .u-pl-4 {
    padding-left: 4% !important
  }

  .l-legacy .u-pl-5 {
    padding-left: 5% !important
  }

  .l-legacy .u-pl-6 {
    padding-left: 6% !important
  }

  .l-legacy .u-pl-7 {
    padding-left: 7% !important
  }

  .l-legacy .u-pl-8 {
    padding-left: 8% !important
  }

  .l-legacy .u-pl-9 {
    padding-left: 9% !important
  }

  .l-legacy .u-pl-10 {
    padding-left: 10% !important
  }

  .l-legacy .u-pl-11 {
    padding-left: 11% !important
  }

  .l-legacy .u-pl-12 {
    padding-left: 12% !important
  }

  .l-legacy .u-pl-13 {
    padding-left: 13% !important
  }

  .l-legacy .u-pl-14 {
    padding-left: 14% !important
  }

  .l-legacy .u-pl-15 {
    padding-left: 15% !important
  }

  .l-legacy .u-pl-16 {
    padding-left: 16% !important
  }

  .l-legacy .u-pl-17 {
    padding-left: 17% !important
  }

  .l-legacy .u-pl-18 {
    padding-left: 18% !important
  }

  .l-legacy .u-pl-19 {
    padding-left: 19% !important
  }

  .l-legacy .u-pl-20 {
    padding-left: 20% !important
  }

  .l-legacy .u-pr-0 {
    padding-right: 0 !important
  }

  .l-legacy .u-pr-1 {
    padding-right: 1% !important
  }

  .l-legacy .u-pr-2 {
    padding-right: 2% !important
  }

  .l-legacy .u-pr-3 {
    padding-right: 3% !important
  }

  .l-legacy .u-pr-4 {
    padding-right: 4% !important
  }

  .l-legacy .u-pr-5 {
    padding-right: 5% !important
  }

  .l-legacy .u-pr-6 {
    padding-right: 6% !important
  }

  .l-legacy .u-pr-7 {
    padding-right: 7% !important
  }

  .l-legacy .u-pr-8 {
    padding-right: 8% !important
  }

  .l-legacy .u-pr-9 {
    padding-right: 9% !important
  }

  .l-legacy .u-pr-10 {
    padding-right: 10% !important
  }

  .l-legacy .u-pr-11 {
    padding-right: 11% !important
  }

  .l-legacy .u-pr-12 {
    padding-right: 12% !important
  }

  .l-legacy .u-pr-13 {
    padding-right: 13% !important
  }

  .l-legacy .u-pr-14 {
    padding-right: 14% !important
  }

  .l-legacy .u-pr-15 {
    padding-right: 15% !important
  }

  .l-legacy .u-pr-16 {
    padding-right: 16% !important
  }

  .l-legacy .u-pr-17 {
    padding-right: 17% !important
  }

  .l-legacy .u-pr-18 {
    padding-right: 18% !important
  }

  .l-legacy .u-pr-19 {
    padding-right: 19% !important
  }

  .l-legacy .u-pr-20 {
    padding-right: 20% !important
  }

  .l-legacy .u-wbr {
    display: inline-block
  }

  .l-legacy .u-nowrap, .l-legacy .u-wbr {
    white-space: nowrap
  }

  .l-legacy .u-border-none {
    border: 0 !important
  }

  .l-legacy .u-text-indent {
    text-indent: -1em;
    margin-left: 1em
  }

  .l-legacy .u-text-ul {
    text-decoration: underline
  }

  .l-legacy .u-color--bg {
    color: #eee !important
  }

  .l-legacy .u-bgcolor--bg, .l-legacy .u-icolor--bg {
    background-color: #eee !important
  }

  .l-legacy .u-icolor--bg {
    color: #fff
  }

  .l-legacy .u-border--bg {
    border: 1px solid #eee !important
  }

  .l-legacy .u-border-b--bg {
    border-bottom: 1px solid #eee !important
  }

  .l-legacy .u-color--dark {
    color: #181818 !important
  }

  .l-legacy .u-bgcolor--dark, .l-legacy .u-icolor--dark {
    background-color: #181818 !important
  }

  .l-legacy .u-icolor--dark {
    color: #fff
  }

  .l-legacy .u-border--dark {
    border: 1px solid #181818 !important
  }

  .l-legacy .u-border-b--dark {
    border-bottom: 1px solid #181818 !important
  }

  .l-legacy .u-color--middle {
    color: #393939 !important
  }

  .l-legacy .u-bgcolor--middle, .l-legacy .u-icolor--middle {
    background-color: #393939 !important
  }

  .l-legacy .u-icolor--middle {
    color: #fff
  }

  .l-legacy .u-border--middle {
    border: 1px solid #393939 !important
  }

  .l-legacy .u-border-b--middle {
    border-bottom: 1px solid #393939 !important
  }

  .l-legacy .u-color--light {
    color: #fff !important
  }

  .l-legacy .p-recommended-products__each__foot>.c-button>span, .l-legacy .u-bgcolor--light, .l-legacy .u-icolor--light {
    background-color: #fff !important
  }

  .l-legacy .u-icolor--light {
    color: #ce0500
  }

  .l-legacy .u-border--light {
    border: 1px solid #fff !important
  }

  .l-legacy .u-border-b--light {
    border-bottom: 1px solid #fff !important
  }

  .l-legacy .u-color--brand {
    color: #ce0500 !important
  }

  .l-legacy .u-bgcolor--brand, .l-legacy .u-icolor--brand {
    background-color: #ce0500 !important
  }

  .l-legacy .u-icolor--brand {
    color: #fff
  }

  .l-legacy .u-border--brand {
    border: 1px solid #ce0500 !important
  }

  .l-legacy .u-border-b--brand {
    border-bottom: 1px solid #ce0500 !important
  }

  .l-legacy .u-border-color--brand {
    border-color: #ce0500 !important
  }

  .l-legacy .p-recommended-products__each__foot>.c-button>span, .l-legacy .u-color--gift {
    color: #f0922c !important
  }

  .l-legacy .p-recommended-products__each__foot>.c-button, .l-legacy .p-recommended-products__each__main>h3 span, .l-legacy .u-bgcolor--gift, .l-legacy .u-icolor--gift {
    background-color: #f0922c !important
  }

  .l-legacy .u-bgcolor--gift.is-disabled, .l-legacy .u-icolor--gift.is-disabled {
    background-color: #ccc !important
  }

  .l-legacy .u-icolor--gift {
    color: #fff
  }

  .l-legacy .u-border--gift {
    border: 1px solid #f0922c !important
  }

  .l-legacy .u-border-b--gift {
    border-bottom: 1px solid #f0922c !important
  }

  .l-legacy .u-color--letter {
    color: #566900 !important
  }

  .l-legacy .u-bgcolor--letter, .l-legacy .u-icolor--letter {
    background-color: #566900 !important
  }

  .l-legacy .u-icolor--letter {
    color: #fff
  }

  .l-legacy .u-border--letter {
    border: 1px solid #566900 !important
  }

  .l-legacy .u-border-b--letter {
    border-bottom: 1px solid #566900 !important
  }

  .l-legacy .u-color--select {
    color: #cb0000 !important
  }

  .l-legacy .u-bgcolor--select, .l-legacy .u-icolor--select {
    background-color: #cb0000 !important
  }

  .l-legacy .u-icolor--select {
    color: #fff
  }

  .l-legacy .u-border--select {
    border: 1px solid #cb0000 !important
  }

  .l-legacy .u-border-b--select {
    border-bottom: 1px solid #cb0000 !important
  }

  .l-legacy .u-color--craft {
    color: #cb8700 !important
  }

  .l-legacy .u-bgcolor--craft, .l-legacy .u-icolor--craft {
    background-color: #cb8700 !important
  }

  .l-legacy .u-icolor--craft {
    color: #fff
  }

  .l-legacy .u-border--craft {
    border: 1px solid #cb8700 !important
  }

  .l-legacy .u-border-b--craft {
    border-bottom: 1px solid #cb8700 !important
  }

  .l-legacy .u-color--send {
    color: #88cb02 !important
  }

  .l-legacy .u-bgcolor--send, .l-legacy .u-icolor--send {
    background-color: #88cb02 !important
  }

  .l-legacy .u-icolor--send {
    color: #fff
  }

  .l-legacy .u-border--send {
    border: 1px solid #88cb02 !important
  }

  .l-legacy .u-border-b--send {
    border-bottom: 1px solid #88cb02 !important
  }

  .l-legacy .u-color--external-gray {
    color: #8d8e90 !important
  }

  .l-legacy .u-bgcolor--external-gray {
    background-color: #8d8e90 !important
  }

  .l-legacy .u-icolor--external-gray {
    background-color: #8d8e90 !important;
    color: #fff
  }

  .l-legacy .u-border--external-gray {
    border: 1px solid #8d8e90 !important
  }

  .l-legacy .u-border-b--external-gray {
    border-bottom: 1px solid #8d8e90 !important
  }

  .l-legacy .p-recommended-products__each__foot>.c-button.is-disabled>span, .l-legacy .u-color--purchase-gray {
    color: #cbcbcb !important
  }

  .l-legacy .p-recommended-products__each__foot>.c-button.is-disabled, .l-legacy .u-bgcolor--purchase-gray {
    background-color: #cbcbcb !important
  }

  .l-legacy .u-icolor--purchase-gray {
    background-color: #cbcbcb !important;
    color: #fff
  }

  .l-legacy .u-border--purchase-gray {
    border: 1px solid #cbcbcb !important
  }

  .l-legacy .u-border-b--purchase-gray {
    border-bottom: 1px solid #cbcbcb !important
  }

  .l-legacy .u-anchor-mark {
    display: block;
    position: relative;
    visibility: hidden;
    top: -54px
  }

  .l-legacy .is-modal-open {
    overflow: hidden
  }

  .l-legacy .p-zipcode-search-link {
    position: relative;
    display: block;
    background-color: #ce0500;
    color: #fff;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: .5em .5em .5em 1.2em
  }

  .l-legacy .p-zipcode-search-link>.icon {
    margin-left: .2em
  }

  .l-legacy .p-zipcode-search-link__icon {
    position: absolute;
    display: inline-block;
    background-color: #fff;
    color: #ce0500;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.2em;
    padding: .2em
  }

  .l-legacy .p-pr-card {
    position: relative;
    background-color: #eee;
    border: 4px solid #fff;
    padding: calc(4% - 4px)
  }

  .l-legacy .p-pr-mark {
    position: relative
  }

  .l-legacy .p-pr-mark:after {
    content: "PR";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    padding: .38em 1.25em;
    font-size: .5em;
    background-color: #a8abae;
    color: #fff
  }

  .l-legacy .p-recommended-items {
    margin-bottom: 30px
  }

  .l-legacy .p-recommended-items__heading {
    font-size: 1.35rem;
    margin: 0 0 1.425rem;
    font-weight: 400
  }

  .l-legacy .p-recommended-items__heading__pr {
    font-size: .7777em;
    font-weight: 500;
    background-color: #a8abae;
    padding: 0 .8em;
    margin-left: .5em;
    color: #fff
  }

  .l-legacy .p-recommended-items .c-media__picture {
    width: 16%;
    margin-right: 2.9%
  }

  .l-legacy .p-recommended-items .c-media__body {
    width: 81.1%
  }

  .l-legacy .p-recommended-items__link-to-shop {
    font-size: 1.2rem
  }

  .l-legacy .p-recommended-items--pr {
    border: 8px solid #fff;
    background-color: #eee;
    font-size: .9rem;
    line-height: 1.83
  }

  .l-legacy .p-recommended-items--pr .c-heading3 {
    font-size: 1.35rem
  }

  .l-legacy .p-recommended-items--pr .l-legacy .p-recommended-items__link-to-shop {
    font-size: 1.05rem
  }

  .l-legacy .p-wdk-howto-nav {
    background: #fff;
    text-align: center
  }

  .l-legacy .p-wdk-howto-nav__title {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 15px 0
  }

  .l-legacy .p-wdk-howto-nav__list__item {
    display: block;
    margin-bottom: 20px;
    position: relative;
    padding: 15px;
    border: 1px solid #181818
  }

  .l-legacy .p-wdk-howto-nav__list__item:last-child {
    margin-bottom: 0
  }

  .l-legacy .p-wdk-howto-nav__list__item .icon-circle {
    position: absolute;
    right: 11px
  }

  .l-legacy .p-wdk-howto-nav__list__item.is-active {
    color: #ce0500;
    font-weight: 700
  }

  .l-legacy .p-wdk-howto-nav__list__item.is-active .icon-circle {
    display: none
  }

  .l-legacy .p-wdk-howto-button {
    border-radius: 5px
  }

  .l-legacy .p-wdk-howto-colored-link {
    color: #009dde
  }

  .l-legacy .p-wdk-howto-title {
    background: #f7f7f7;
    color: #ce0500;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 22px 0;
    margin: 0;
    text-align: center
  }

  .l-legacy .p-wdk-howto-main {
    background: #fff;
    padding: 4%;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 2.6em
  }

  .l-legacy .p-wdk-howto-heading {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 3rem 0 .8em;
    text-align: center
  }

  .l-legacy .p-wdk-howto-subheading {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0 0 .8em;
    text-align: center
  }

  .l-legacy .p-wdk-howto-desc {
    margin: 0 0 4%
  }

  .l-legacy .p-wdk-howto-desc__spOnly {
    font-size: 1rem
  }

  .l-legacy .p-wdk-howto-desc-list__desc {
    margin: 0 0 1.5em
  }

  .l-legacy .p-wdk-howto-desc-list__color {
    display: block;
    color: red
  }

  .l-legacy .p-wdk-howto-section {
    margin: 0 0 35px
  }

  .l-legacy .p-wdk-howto-grid {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
  }

  .l-legacy .p-wdk-howto-grid:after {
    content: " ";
    display: block;
    clear: both
  }

  .l-legacy .p-wdk-howto-grid__3 {
    width: 22.85714%;
    float: left;
    margin-right: 2.85714%
  }

  .l-legacy .p-wdk-howto-grid__3:last-child {
    margin: 0
  }

  .l-legacy .p-wdk-howto-grid__4 {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%
  }

  .l-legacy .p-wdk-howto-grid__4:last-child, .l-legacy .p-wdk-howto-grid__4:nth-of-type(3n) {
    margin: 0
  }

  .l-legacy .p-wdk-howto-grid__6 {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%
  }

  .l-legacy .p-wdk-howto-grid__6:last-child, .l-legacy .p-wdk-howto-grid__6:nth-of-type(2n) {
    margin-right: 0
  }

  .l-legacy .p-wdk-howto-grid__9 {
    width: 74.28571%;
    float: left;
    margin-right: 2.85714%
  }

  .l-legacy .p-wdk-howto-grid__9:last-child {
    margin: 0
  }

  .l-legacy .p-wdk-howto-figure {
    margin: 0
  }

  .l-legacy .p-wdk-howto-figure__image {
    width: 100%
  }

  .l-legacy .p-wdk-howto-figure__image--rounded {
    border-radius: 15px
  }

  .l-legacy .p-wdk-howto-figure__caption {
    text-align: center;
    font-weight: 700;
    font-size: 1.05rem;
    margin-top: 1em
  }

  .l-legacy .p-wdk-howto-terms {
    border: 1px solid #e3e4e6;
    padding: 20px
  }

  .l-legacy .p-wdk-howto-terms h3 {
    margin-top: 0
  }

  .l-legacy .p-wdk-howto-motif {
    margin-bottom: .5em;
    margin-top: 1rem !important
  }

  .l-legacy .p-wdk-howto-motif__title {
    font-size: 1.275rem;
    font-weight: 700;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.5rem;
    background: #fcfcfc;
    padding: 2.5rem 0;
    margin: 0 !important
  }

  .l-legacy .p-wdk-howto-motif__hdg {
    font-size: 1.7rem;
    font-weight: 700;
    text-align: center
  }

  .l-legacy .p-wdk-howto-motif .c-button {
    padding: .6em;
    width: 100%
  }

  .l-legacy .p-wdk-howto-print-steps {
    display: table;
    margin-top: 30px
  }

  .l-legacy .p-wdk-howto-print-steps__row {
    display: table-row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .l-legacy .p-wdk-howto-print-step {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    font-weight: 400;
    text-align: center
  }

  .l-legacy .p-wdk-howto-print-step>img {
    margin: 18px 0 28px
  }

  .l-legacy .p-wdk-howto-line {
    margin: 4rem 0
  }

  .l-legacy .p-wdk-howto-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .l-legacy .p-wdk-howto-btn .c-btn {
    margin-right: 1rem
  }

  .l-legacy .p-wdk-howto-btn .c-btn a {
    font-size: 1.3rem;
    padding: 1rem 1rem 1rem 1.3rem !important;
    border-radius: 5px
  }

  .l-legacy .p-wdk-howto-btn .c-btn a span {
    right: .8rem
  }

  .l-legacy .p-wdk-howto-buttons {
    margin-top: 2rem
  }
}
@media (max-width:350px) {
  .l-legacy .p-sp-top-navigation__logo {
    width: 30%;
    top: -4.5rem
  }
}

@media screen and (max-width:320px) {
  .l-legacy .p-gift-birth__gift {
    padding-bottom: 12%
  }

  .l-legacy .p-gift-birth__gift-button {
    width: 100%
  }

  .l-legacy .p-gift-birth__gift-button>span {
    margin-top: 3%;
    right: 3%
  }
}
/* screen-sp.css 移植終わり */