@charset "shift_jis";
@import url(https://fonts.googleapis.com/css?family=Teko:500);
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/* ----------------------------------------------------------------
    Normalize
----------------------------------------------------------------- */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

small {
  font-size: 80%;
}

sub, sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-size: 1em;
  font-family: monospace, monospace;
}

button, input, optgroup, select, textarea {
  margin: 0;
  color: inherit;
  font: inherit;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td, th {
  padding: 0;
}

/* ----------------------------------------------------------------
    Base
----------------------------------------------------------------- */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, h1, h2, h3, h4, h5, h6, li {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
  width: 100%;
  overflow-x: hidden;
}

body {
  -webkit-text-size-adjust: 100%;
  min-height: 100%;
  height: auto;
  background: url(/phdocs/images/com/ph3_bg.jpg) 50% 0 fixed no-repeat #252523;
  background-size: cover;
  font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
  word-wrap: break-word;
}
@media only screen and (max-width: 640px) {
  body {
    font-size: 1.2rem;
    background-size: auto;
  }
  html.ph3_is-menu-left-open body, html.ph3_is-menu-right-open body {
    width: 100%;
    overflow-x: hidden;
  }
}

body > div {
  font-size: 1.4rem;
}

img {
  max-width: 100%;
  border: 0;
  vertical-align: top;
}

ul, ol {
  list-style-type: none;
}

a {
  color: #fed75f;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}

/* #44019 START */
/* dial number label is white */
/* tel:link */
a[data-ph3_dial-number] {
  color: #fff;
}
a[data-ph3_dial-number="true"][href^="tel:"],
a:hover[data-ph3_dial-number="true"][href^="tel:"],
a:active[data-ph3_dial-number="true"][href^="tel:"],
a:focus[data-ph3_dial-number="true"][href^="tel:"] {
  text-decoration: underline;
  cursor: auto;
}
/* Label or tel:link initial */
a[data-ph3_dial-number="false"][href^="tel:"],
a:hover[data-ph3_dial-number="false"][href^="tel:"],
a:active[data-ph3_dial-number="false"][href^="tel:"],
a:focus[data-ph3_dial-number="false"][href^="tel:"],
a[data-ph3_dial-number]:not([href]),
a:hover[data-ph3_dial-number]:not([href]),
a:active[data-ph3_dial-number]:not([href]),
a:focus[data-ph3_dial-number]:not([href]) {
  text-decoration: none;
  cursor: text;
}
/* #44019 END */

button {
  border: 0;
}

em {
  color: #d9b084;
  font-weight: normal;
  font-style: normal;
}

strong {
  color: #ed1c24;
  font-weight: normal;
}

hr {
  display: none;
}

p, ul, ol, dl {
  margin: 0 0 15px;
  padding: 0;
}

ul > :last-child, ol > :last-child, dl > :last-child {
  margin-bottom: 0;
}

dd {
  margin: 0;
}

sub, sup {
  font-size: 1.2rem;
  margin: 0 1px;
}

sub {
  bottom: -.1em;
}

sup {
  top: -.3em;
}

blockquote {
  margin: 0;
}

iframe {
  width: 100%;
  height: auto;
  border: none;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  vertical-align: middle;
}

button {
  border: 0;
  background: transparent;
  padding: 0;
}

select::-ms-expand {
  display: none;
}

/* ----------------------------------------------------------------
    Placeholder
----------------------------------------------------------------- */
:-ms-input-placeholder {
	color: gray !important;
}

/* %clearfix
----------------------------------------------- */
.ph3_header-inner:before, .ph3_nav-global-inner:before, .ph3_row-inner:before, .ph3_footer-inner:before, .ph3_header-utility:before, .ph3_header-menu:before, .ph3_header-menu-inner:before, .ph3_nav-global:before, .ph3_footer-grid-wrapper:before, .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_wide > .ph3_footer-grid[data-grid-col="3"]:before, .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_narrow > .ph3_footer-grid.ph3_tablet-grid[data-grid-col="2"]:before, .ph3_footer-link-list.ph3_sp-grid-col-2:before, .ph3_footer-sns-list:before, .ph3_footer-app-list:before, .ph3_hdg-set-flow:before, .ph3_hdg-l3.ph3_sub-grid:before, .ph3_list-flow:before, .ph3_list-availability > li > dl:before, .ph3_list-refine > ul:before, .ph3_list-subtotal .ph3_btn-list-02:before, .ph3_list-def:before, .ph3_list-def-05:before, .ph3_list-def-06:before, .ph3_list-def-total:before, .ph3_list-def-paymaster:before, .ph3_link-list[data-link-col="4"]:before, .ph3_link-list-prefecture:before, .ph3_link-btn-shopview:before, .ph3_link-select-time[data-link-col="6"]:before, .ph3_link-select-time[data-link-col="8"]:before, .ph3_link-btn-order:before, .ph3_link-tab:before, .ph3_link-tab-02:before, .ph3_genre .ph3_link-list-refine:before, .ph3_btn-list[data-grid-col="2"]:before, .ph3_grid[data-grid-col="2"]:before, .ph3_grid[data-grid-col="3"]:before, .ph3_grid.ph3_security-code:before, .ph3_grid.ph3_shop-detail:before, .ph3_panel-04.ph3_lyt-total:before, .ph3_panel-04.ph3_lyt-total-confirm:before, .ph3_panel-04.ph3_lyt-total-quantity:before, .ph3_panel-shopping .ph3_btn-list-02:before, .ph3_panel-news:before, .ph3_lyt-media:before, .ph3_lyt-media-sp:before, .ph3_tbl-ponta .ph3_lyt-ponta-card:before, .ph3_switcher-half .ph3_switcher-menu:before, .ph3_switcher-half .ph3_link-btn-02:before, .ph3_carousel:before, .ph3_carousel-item:before, .ph3_form-list-checkbox[data-grid-col="4"]:before,
.ph3_form-list-checkbox-02[data-grid-col="4"]:before, .ph3_form-list-card:before, .ph3_form-list-order ul:before, .ph3_header-inner:after, .ph3_nav-global-inner:after, .ph3_row-inner:after, .ph3_footer-inner:after, .ph3_header-utility:after, .ph3_header-menu:after, .ph3_header-menu-inner:after, .ph3_nav-global:after, .ph3_footer-grid-wrapper:after, .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_wide > .ph3_footer-grid[data-grid-col="3"]:after, .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_narrow > .ph3_footer-grid.ph3_tablet-grid[data-grid-col="2"]:after, .ph3_footer-link-list.ph3_sp-grid-col-2:after, .ph3_footer-sns-list:after, .ph3_footer-app-list:after, .ph3_hdg-set-flow:after, .ph3_hdg-l3.ph3_sub-grid:after, .ph3_list-flow:after, .ph3_list-availability > li > dl:after, .ph3_list-refine > ul:after, .ph3_list-subtotal .ph3_btn-list-02:after, .ph3_list-def:after, .ph3_list-def-05:after, .ph3_list-def-06:after, .ph3_list-def-total:after, .ph3_list-def-paymaster:after, .ph3_link-list[data-link-col="4"]:after, .ph3_link-list-prefecture:after, .ph3_link-btn-shopview:after, .ph3_link-select-time[data-link-col="6"]:after, .ph3_link-select-time[data-link-col="8"]:after, .ph3_link-btn-order:after, .ph3_link-tab:after, .ph3_link-tab-02:after, .ph3_genre .ph3_link-list-refine:after, .ph3_btn-list[data-grid-col="2"]:after, .ph3_grid[data-grid-col="2"]:after, .ph3_grid[data-grid-col="3"]:after, .ph3_grid.ph3_security-code:after, .ph3_grid.ph3_shop-detail:after, .ph3_panel-04.ph3_lyt-total:after, .ph3_panel-04.ph3_lyt-total-confirm:after, .ph3_panel-04.ph3_lyt-total-quantity:after, .ph3_panel-shopping .ph3_btn-list-02:after, .ph3_panel-news:after, .ph3_lyt-media:after, .ph3_lyt-media-sp:after, .ph3_tbl-ponta .ph3_lyt-ponta-card:after, .ph3_switcher-half .ph3_switcher-menu:after, .ph3_switcher-half .ph3_link-btn-02:after, .ph3_carousel:after, .ph3_carousel-item:after, .ph3_form-list-checkbox[data-grid-col="4"]:after,
.ph3_form-list-checkbox-02[data-grid-col="4"]:after, .ph3_form-list-card:after, .ph3_form-list-order ul:after {
  content: '';
  display: table;
}
.ph3_header-inner:after, .ph3_nav-global-inner:after, .ph3_row-inner:after, .ph3_footer-inner:after, .ph3_header-utility:after, .ph3_header-menu:after, .ph3_header-menu-inner:after, .ph3_nav-global:after, .ph3_footer-grid-wrapper:after, .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_wide > .ph3_footer-grid[data-grid-col="3"]:after, .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_narrow > .ph3_footer-grid.ph3_tablet-grid[data-grid-col="2"]:after, .ph3_footer-link-list.ph3_sp-grid-col-2:after, .ph3_footer-sns-list:after, .ph3_footer-app-list:after, .ph3_hdg-set-flow:after, .ph3_hdg-l3.ph3_sub-grid:after, .ph3_list-flow:after, .ph3_list-availability > li > dl:after, .ph3_list-refine > ul:after, .ph3_list-subtotal .ph3_btn-list-02:after, .ph3_list-def:after, .ph3_list-def-05:after, .ph3_list-def-06:after, .ph3_list-def-total:after, .ph3_list-def-paymaster:after, .ph3_link-list[data-link-col="4"]:after, .ph3_link-list-prefecture:after, .ph3_link-btn-shopview:after, .ph3_link-select-time[data-link-col="6"]:after, .ph3_link-select-time[data-link-col="8"]:after, .ph3_link-btn-order:after, .ph3_link-tab:after, .ph3_link-tab-02:after, .ph3_genre .ph3_link-list-refine:after, .ph3_btn-list[data-grid-col="2"]:after, .ph3_grid[data-grid-col="2"]:after, .ph3_grid[data-grid-col="3"]:after, .ph3_grid.ph3_security-code:after, .ph3_grid.ph3_shop-detail:after, .ph3_panel-04.ph3_lyt-total:after, .ph3_panel-04.ph3_lyt-total-confirm:after, .ph3_panel-04.ph3_lyt-total-quantity:after, .ph3_panel-shopping .ph3_btn-list-02:after, .ph3_panel-news:after, .ph3_lyt-media:after, .ph3_lyt-media-sp:after, .ph3_tbl-ponta .ph3_lyt-ponta-card:after, .ph3_switcher-half .ph3_switcher-menu:after, .ph3_switcher-half .ph3_link-btn-02:after, .ph3_carousel:after, .ph3_carousel-item:after, .ph3_form-list-checkbox[data-grid-col="4"]:after,
.ph3_form-list-checkbox-02[data-grid-col="4"]:after, .ph3_form-list-card:after, .ph3_form-list-order ul:after {
  clear: both;
}

/* pseudo-elements is block
----------------------------------------------- */
input[type="checkbox"] + label:before, input[type="radio"] + label:before, input[type="checkbox"] + label:after, input[type="radio"] + label:after, .ph3_header-menu-panel .ph3_icon-state:before, .ph3_header-menu-cart:before, .ph3_header-menu-left .ph3_toggle-hook:before, .ph3_header-menu-left .ph3_toggle-hook:after, .ph3_header-menu-left .ph3_toggle-hook-inner:before, .ph3_header-menu-left .ph3_toggle-hook-inner:after, .ph3_nav-global:before, .ph3_nav-global > li:before, .ph3_nav-global > li:nth-child(3n+1):after, .ph3_footer-icon:before, .ph3_hdg-l3-02 span:after, .ph3_list-flow > li:before, .ph3_list-balloon li > span b:before, .ph3_list-explanation .ph3_enabled:before, .ph3_list-explanation .ph3_disabled:before, .ph3_list-def-state > dt:before, .ph3_link-pager .ph3_prev a:before, .ph3_link-pager .ph3_next a:before, .ph3_link-btn-order > li:before, .ph3_link-pagetop a:before, .ph3_btn-close button:after, .ph3_panel-hut-day:before, .ph3_panel-attention:before, .ph3_panel-shopping > dl dt:before, .ph3_tbl.ph3_cell-indent-wrap .ph3_cell-indent-border:before, .ph3_tooltip > span:before, .ph3_tooltip-02 > span:before, .ph3_tooltip-03 > span:before, .ph3_icon-coupon-discount:before, .ph3_icon-coupon-discount-special:before, .ph3_icon-coupon-present:before, .ph3_icon-coupon-present-special:before, .ph3_icon-coupon-point:before, .ph3_icon-coupon-point-special:before, .ph3_toggle .ph3_toggle-txt:before, .ph3_toggle-02 .ph3_toggle-txt:before, .ph3_toggle-more .ph3_toggle-txt:before, .ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item:before, .ph3_switcher-half .ph3_switcher-txt > span:before, .ph3_pulldown .ph3_pulldown-txt:before, .ph3_form-list-order ul label > span:before {
  content: '';
  display: block;
}

/* pseudo-elements is inline-block
----------------------------------------------- */
.ph3_nav-global .ph3_dropdown-parent > a:after, .ph3_panel-news .ph3_panel-hook button:after {
  content: '';
  display: inline-block;
}

/* %sprite-image
----------------------------------------------- */
.ph3_header-menu-panel .ph3_icon-state.ph3_has-delivery:before, .ph3_header-menu-panel .ph3_icon-state.ph3_has-takeout:before, .ph3_header-menu-cart:before, .ph3_nav-global .ph3_dropdown-parent > a:after, .ph3_footer-icon.ph3_has-facebook:before, .ph3_footer-icon.ph3_has-twitter:before, .ph3_footer-icon.ph3_has-youtube:before, .ph3_footer-icon.ph3_has-familyapps:before, .ph3_list-flow > li:before, .ph3_list-def-state > dt.ph3_delivery:before, .ph3_list-def-state > dt.ph3_takeout:before, .ph3_link-pager .ph3_prev a:before, .ph3_link-pager .ph3_next a:before, .ph3_link-btn-order > .ph3_delivery:before, .ph3_link-btn-order > .ph3_order:before, .ph3_link-btn-order > .ph3_takeout:before, .ph3_link-pagetop a:before, .ph3_btn-close button:after, .ph3_panel-hut-day:before, .ph3_panel-attention:before, .ph3_panel-news .ph3_panel-hook button:after, .ph3_tbl-ponta input[type="checkbox"]:checked + label:before, .ph3_tbl-ponta input[type="radio"]:checked + label:before, .ph3_icon-coupon-discount:before, .ph3_icon-coupon-discount-special:before, .ph3_icon-coupon-present:before, .ph3_icon-coupon-present-special:before, .ph3_icon-coupon-point:before, .ph3_icon-coupon-point-special:before, .ph3_toggle .ph3_toggle-txt:before, .ph3_toggle-02 .ph3_toggle-txt:before, .ph3_toggle-more .ph3_toggle-txt:before, .ph3_switcher-half .ph3_switcher-txt > span:before, .ph3_pulldown .ph3_pulldown-txt:before, input[type="checkbox"]:checked + label:before, .ph3_form-list-order ul .ph3_delivery label > span:before, .ph3_form-list-order ul .ph3_time label > span:before, .ph3_form-list-order ul .ph3_take-out label > span:before {
  background-image: url(/phdocs/images/com/ph3_icon-sprite.png);
}

/* %check-radio-base
----------------------------------------------- */
input[type="checkbox"] + label, input[type="radio"] + label {
  position: relative;
}
@media only screen and (min-width: 1px) {
  input[type="checkbox"], input[type="radio"] {
    border: 0;
    background: none;
    vertical-align: middle;
    margin: 4px 4px 0;
    padding: 0;
    position: absolute;
    opacity: 0;
    -webkit-appearance: none;
  }
  input[type="checkbox"] + label, input[type="radio"] + label {
    width: 100%;
    line-height: 1.2;
    padding: 9px 10px 7px;
    display: block;
    z-index: 1;
    cursor: pointer;
  }
  input[type="checkbox"] + label:before, input[type="radio"] + label:before, input[type="checkbox"] + label:after, input[type="radio"] + label:after {
    position: absolute;
  }
  input[type="checkbox"] + label:after, input[type="radio"] + label:after {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    z-index: -1;
  }
  input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after {
    background: rgba(0, 0, 0, 0.6);
  }
  input[type="checkbox"]:disabled + label, input[type="radio"]:disabled + label {
    color: #b2b2b2;
    cursor: default;
  }
  input[type="checkbox"]:disabled + label:before, input[type="radio"]:disabled + label:before {
    background: #4c4c4c;
  }
  input[type="checkbox"]:disabled + label:after, input[type="radio"]:disabled + label:after {
    background: #404040;
  }
}

.ph3_header-inner, .ph3_nav-global-inner, .ph3_row-inner, .ph3_footer-inner {
  max-width: 1024px;
  text-align: left;
  margin: 0 auto;
}
@media only screen and (max-width: 770px) {
  .ph3_header-inner, .ph3_nav-global-inner, .ph3_row-inner, .ph3_footer-inner {
    width: auto;
  }
}

@media only screen and (max-width: 1024px) {
  .ph3_header-inner, .ph3_nav-global-inner, .ph3_footer-inner {
    padding-left: 26px;
    padding-right: 26px;
  }
}
@media only screen and (max-width: 770px) {
  .ph3_header-inner, .ph3_nav-global-inner, .ph3_footer-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_footer-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .ph3_header-inner, .ph3_nav-global-inner, .ph3_footer-grid-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* ----------------------------------------------------------------
    Header
----------------------------------------------------------------- */
/* .ph3_header
----------------------------------------------- */
.ph3_header {
  background: rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 640px) {
  .ph3_header {
    width: 100%;
    height: 61px;
    background: #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 9999;
  }
  html.ph3_ios .ph3_header {
    position: absolute;
  }
}
@media screen and (orientation: landscape) {
  .ph3_header {
    width: 100%;
  }
}

/* .ph3_header-inner
----------------------------------------------- */
.ph3_header-inner {
  position: relative;
}
@media only screen and (max-width: 1040px) {
  .ph3_header-inner {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_header-inner {
    width: 100%;
    padding: 0;
    position: static;
  }
}

/* .ph3_header-logo
----------------------------------------------- */
.ph3_header-logo {
  margin: 21px 0 6px;
}
.ph3_header-logo a {
  display: inline-block;
}
.ph3_header-logo img {
  line-height: 1;
}
@media only screen and (max-width: 950px) {
  .ph3_header-logo {
    margin-bottom: 11px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_header-logo {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 8px 0 0;
    display: block;
  }
  .ph3_header-logo img {
    width: 140px;
    height: 36px;
    vertical-align: middle;
  }
}

/* .ph3_header-info
----------------------------------------------- */
.ph3_header-info {
  margin: 18px 0 0;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 1024px) {
  .ph3_header-info {
    right: 26px;
  }
}
@media only screen and (max-width: 950px) {
  .ph3_header-info {
    right: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_header-info {
    display: none;
  }
}

/* .ph3_header-utility
----------------------------------------------- */
.ph3_header-utility {
  margin: 0;
  margin-left: 280px;
}
@media only screen and (max-width: 640px) {
  .ph3_header-utility {
    margin-left: 0;
  }
}
.ph3_header-utility > li {
  float: left;
  margin: 0 0 0 17px;
  /* #27350 >> */
  font-size: 1.3rem;
  /* << #27350 */
  font-weight: bold;
}
.ph3_header-utility > li:first-child {
  margin: 0;
}
/* #27350 >> */
/*
.ph3_header-utility a {
  color: #aeaeae;
}
*/
/* #27350 >> */
.ph3_header-utility .ph3_heaedr-utility-mail {
  margin-left: 4px;
}
.ph3_header-utility .ph3_heaedr-utility-mail img {
  vertical-align: middle;
}

/* ----------------------------------------------------------------
    Header Menu
----------------------------------------------------------------- */
/* .ph3_header-menu
----------------------------------------------- */
.ph3_header-menu {
  background: rgba(0, 0, 0, 0.3);
  margin-bottom: 50px;
}
@media only screen and (max-width: 770px) {
  .ph3_header-menu {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_header-menu {
    margin-bottom: 0;
  }
}

/* .ph3_header-menu-inner
----------------------------------------------- */
.ph3_header-menu-inner {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 0 20px;
  position: relative;
}
@media only screen and (max-width: 950px) {
  .ph3_header-menu-inner {
    padding: 0 20px 20px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_header-menu-inner {
    min-height: 100%;
    width: auto;
    margin: 0;
    padding: 0;
  }
}

/* .ph3_header-menu-panel
----------------------------------------------- */
.ph3_header-menu-panel {
  float: right;
}
.ph3_header-menu-panel .ph3_header-btn {
  width: 364px;
  height: 51px;
  border-radius: 5px;
  background: #ed1c24;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  padding: 12px 5px 8px;
  display: inline-block;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.ph3_header-menu-panel .ph3_header-btn:hover, .ph3_header-menu-panel .ph3_header-btn:active, .ph3_header-menu-panel .ph3_header-btn:focus {
  background: #c61017;
  text-decoration: none;
}
.ph3_header-menu-panel > :last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 950px) {
  .ph3_header-menu-panel {
    width: 49.32%;
    text-align: center;
  }
  .ph3_header-menu-panel .ph3_header-btn {
    width: 100%;
    margin: 15px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_header-menu-panel {
    width: 100%;
    padding: 0;
  }
  .ph3_header-menu-panel .ph3_header-btn {
    width: 100%;
    margin: 0;
  }
}

/* .ph3_panel-info
----------------------------------------------- */
.ph3_header-menu-panel .ph3_panel-info {
  width: 364px;
}
@media only screen and (max-width: 950px) {
  .ph3_header-menu-panel .ph3_panel-info {
    width: 100%;
    margin-top: 5px;
  }
}

/* .ph3_panel-info-inner
----------------------------------------------- */
.ph3_header-menu-panel .ph3_panel-info-inner {
  width: 100%;
  border-radius: 5px;
  background: #000;
  padding: 0 0 0 54px;
  position: relative;
  display: table;
}
.ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col, .ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col-02 {
  vertical-align: middle;
  padding: 8px 0;
  display: table-cell;
}
.ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col {
  width: 172px;
  text-align: left;
  padding-right: 12px;
}
.ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col * {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0;
}
.ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col a {
  color: #fff;
}
.ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col .ph3_state {
  display: block;
}
.ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col .ph3_data {
  display: block;
}
.ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col .ph3_shop {
  margin: 0 10px 0 0;
}
.ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col .ph3_link a {
  color: #fed75f;
}
.ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col-02 {
  width: 138px;
  text-align: center;
  margin: 0;
  padding: 0 15px 0 12px;
}
.ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col-02 .ph3_header-menu-cart {
  color: #fff;
}
@media only screen and (max-width: 995px) {
  .ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col {
    padding-right: 20px;
  }
  .ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col-02 {
    padding: 0;
  }
}
@media only screen and (max-width: 950px) {
  .ph3_header-menu-panel .ph3_panel-info-inner {
    margin: 0 auto;
    display: block;
  }
  .ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col {
    width: 279px;
  }
  .ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col .ph3_data {
    display: inline;
  }
  .ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col-02 {
    width: 150px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_header-menu-panel .ph3_panel-info-inner {
    width: auto;
    background: transparent;
    box-shadow: none;
    padding: 0;
  }
  .ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col {
    width: 100%;
    border-bottom: 5px solid rgba(255, 255, 255, 0.2);
    margin: 0 0 14px;
    padding: 0 0 14px 38px;
    display: block;
  }
  .ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col .ph3_state {
    margin: 0;
    display: block;
  }
  .ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col-02 {
    float: right;
    width: auto;
  }
  .ph3_header-menu-panel .ph3_panel-info-inner .ph3_panel-col-02 button {
    cursor: default;
  }
}

/* .ph3_icon-state
----------------------------------------------- */
.ph3_header-menu-panel .ph3_icon-state {
  display: inline-block;
  position: relative;
}
.ph3_header-menu-panel .ph3_icon-state:before {
  position: absolute;
  top: 50%;
  left: -40px;
}
.ph3_header-menu-panel .ph3_icon-state.ph3_has-delivery:before {
  width: 27.64px;
  height: 20.58px;
  background-position: 0px -45.89px;
  background-size: 114.11px auto;
  margin: -13.25px 0 0;
}
.ph3_header-menu-panel .ph3_icon-state.ph3_has-takeout:before {
  width: 24.11px;
  height: 26.47px;
  background-position: -71.18px 0px;
  background-size: 114.11px auto;
  margin: -15.95px 0 0;
}
@media only screen and (max-width: 640px) {
  .ph3_header-menu-panel .ph3_icon-state:before {
    left: 0;
  }
  .ph3_header-menu-panel .ph3_icon-state.ph3_has-delivery:before {
    margin-top: -18.15px;
  }
  .ph3_header-menu-panel .ph3_icon-state.ph3_has-takeout:before {
    margin-top: -21.86px;
  }
}

/* .ph3_panel-col-03
----------------------------------------------- */
.ph3_header-menu-panel .ph3_panel-col-03 {
  width: 138px;
  height: 100%;
  border-radius: 0 5px 5px 0;
  /* #27351 >> */
  /*border-left: 1px solid #666;*/
  /* << ##27351 */
  background: #000;
  text-align: center;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.ph3_header-menu-panel .ph3_panel-col-03 a {
  width: 100%;
  height: 100%;
  display: table;
  /* #27351 >> */
  outline: 0;
  /* << ##27351 */
}
.ph3_header-menu-panel .ph3_panel-col-03 a:hover, .ph3_header-menu-panel .ph3_panel-col-03 a:active, .ph3_header-menu-panel .ph3_panel-col-03 a:focus {
  text-decoration: none;
}
.ph3_header-menu-panel .ph3_panel-col-03 span {
  vertical-align: middle;
  display: table-cell;
}
.ph3_header-menu-panel .ph3_panel-col-03.ph3_is-block {
  display: block;
  z-index: 5;
}
@media only screen and (max-width: 950px) {
  .ph3_header-menu-panel .ph3_panel-col-03 {
    width: 40%;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_header-menu-panel .ph3_panel-col-03 {
    clear: both;
    width: 100%;
    border: 0;
    background: transparent;
    padding: 17px 0 0;
    position: static;
    display: block !important;
  }
  .ph3_header-menu-panel .ph3_panel-col-03 a {
    border-radius: 5px;
    background: #ed1c24;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.4);
    font-size: 2rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 12px 5px 8px;
    display: inline-block;
  }
  .ph3_header-menu-panel .ph3_panel-col-03 a:hover, .ph3_header-menu-panel .ph3_panel-col-03 a:active, .ph3_header-menu-panel .ph3_panel-col-03 a:focus {
    text-decoration: none;
  }
  .ph3_header-menu-panel .ph3_panel-col-03 a span {
    display: inline;
  }
}

/* .ph3_header-menu-cart
----------------------------------------------- */
.ph3_header-menu-cart {
  font-size: .9rem;
  text-align: center;
  vertical-align: middle;
  margin: -12px 0 0;
  position: relative;
  display: inline-block;
  z-index: 1;
}
.ph3_header-menu-cart:before {
  background-position: -78px -115px;
  width: 30px;
  height: 24px;
  margin: 0 -15px 0 0;
  position: absolute;
  top: 2px;
  right: 60%;
  z-index: -1;
}
.ph3_header-menu-cart span {
  min-width: 16px;
  min-height: 16px;
  border-radius: 50%;
  background: #ed1b23;
  line-height: 1;
  padding: 3px;
  display: inline-block;
  z-index: 2;
}
@media only screen and (max-width: 640px) {
  .ph3_header-menu-cart {
    font-weight: bold;
  }
  .ph3_header-menu-cart span {
    padding: 4px 3px;
  }
  .ph3_panel-col-02 .ph3_header-menu-cart {
    display: none;
  }
}

/* .ph3_header-menu-price
----------------------------------------------- */
.ph3_header-menu-price {
  font-weight: bold;
  color: #fed75f;
  font-size: 1.4rem;
  vertical-align: middle;
  margin: 0;
  padding: 0 0 0 5px;
  display: inline-block;
}

/* .ph3_header-menu-left / .ph3_header-menu-right
----------------------------------------------- */
.ph3_header-menu-left .ph3_toggle-hook, .ph3_header-menu-right .ph3_toggle-hook {
  display: none;
}
.ph3_header-menu-left .ph3_toggle-hook .ph3_toggle-hook-inner, .ph3_header-menu-right .ph3_toggle-hook .ph3_toggle-hook-inner {
  margin: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_header-menu-left, .ph3_header-menu-right {
    min-height: 100%;
    background: transparent;
  }
  .ph3_header-menu-left .ph3_toggle-hook, .ph3_header-menu-right .ph3_toggle-hook {
    position: fixed;
    display: block;
    z-index: 9999;
  }
  html.ph3_ios .ph3_header-menu-left .ph3_toggle-hook, html.ph3_ios .ph3_header-menu-right .ph3_toggle-hook {
    position: absolute;
  }
  .ph3_header-menu-left .ph3_toggle-state, .ph3_header-menu-right .ph3_toggle-state {
    font-size: .9rem;
    top: 0;
    overflow: hidden;
  }
  .ph3_header-menu-left .ph3_toggle-contents, .ph3_header-menu-right .ph3_toggle-contents {
    -webkit-transition: box-shadow 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.35s;
    transition: box-shadow 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.35s;
    width: 265px;
    height: 100%;
    padding-top: 61px;
    position: fixed;
    top: 0;
    opacity: 0;
    z-index: -1;
    overflow-y: auto;
  }
  html.ph3_android2 .ph3_header-menu-left .ph3_toggle-contents, html.ph3_android2 .ph3_header-menu-right .ph3_toggle-contents {
    position: absolute;
  }
  html.ph3_android2 .ph3_header-menu-left .ph3_toggle-contents {
    border-right: #111 solid 3px;
  }
  html.ph3_android2 .ph3_header-menu-right .ph3_toggle-contents {
    border-left: #111 solid 3px;
  }
  .ph3_header-menu-left .ph3_toggle-overlay, .ph3_header-menu-right .ph3_toggle-overlay {
    display: none;
  }
  html.ph3_is-animate .ph3_header-menu-left .ph3_toggle-contents, html.ph3_is-animate .ph3_header-menu-right .ph3_toggle-contents {
    z-index: 1 !important;
  }
  html.ph3_is-menu-left-open .ph3_header-menu-left .ph3_toggle-overlay, html.ph3_is-menu-right-open .ph3_header-menu-left .ph3_toggle-overlay, html.ph3_is-menu-left-open .ph3_header-menu-right .ph3_toggle-overlay, html.ph3_is-menu-right-open .ph3_header-menu-right .ph3_toggle-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8000;
    background: rgba(0, 0, 0, 0.001);
  }
}

/* .ph3_header-menu-left / 左メニュー
----------------------------------------------- */
.ph3_header-menu-left .ph3_toggle-hook:before, .ph3_header-menu-left .ph3_toggle-hook:after, .ph3_header-menu-left .ph3_toggle-hook-inner:before, .ph3_header-menu-left .ph3_toggle-hook-inner:after {
  width: 20px;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 0;
  display: none;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
@media only screen and (max-width: 640px) {
  .ph3_header-menu-left .ph3_toggle-hook:before, .ph3_header-menu-left .ph3_toggle-hook:after, .ph3_header-menu-left .ph3_toggle-hook-inner:before, .ph3_header-menu-left .ph3_toggle-hook-inner:after {
    cursor: pointer;
    display: block;
  }
  .ph3_header-menu-left .ph3_toggle-hook {
    width: 20px;
    height: 18px;
    top: 22px;
    left: 15px;
  }
  .ph3_header-menu-left .ph3_toggle-hook:before {
    top: 0;
  }
  .ph3_header-menu-left .ph3_toggle-hook:after {
    top: 7px;
  }
  .ph3_header-menu-left .ph3_toggle-hook-inner {
    height: 17px;
    position: relative;
  }
  .ph3_header-menu-left .ph3_toggle-hook-inner:before {
    top: 14px;
  }
  .ph3_header-menu-left .ph3_toggle-hook-inner:after {
    display: none;
  }
  .ph3_header-menu-left .ph3_toggle-txt,
  .ph3_header-menu-left .ph3_toggle-state {
    width: 20px;
    height: 18px;
  }
  .ph3_header-menu-left .ph3_toggle-state,
  .ph3_header-menu-left .ph3_toggle-contents {
    left: 0;
  }
  .ph3_header-menu-left .ph3_toggle-contents {
    box-shadow: 0 0 0 0 transparent;
  }
  html.ph3_is-menu-left-open:not(.ph3_is-menu-close) .ph3_header-menu-left .ph3_toggle-hook:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
  }
  html.ph3_is-menu-left-open:not(.ph3_is-menu-close) .ph3_header-menu-left .ph3_toggle-hook:after {
    width: 0;
  }
  html.ph3_is-menu-left-open:not(.ph3_is-menu-close) .ph3_header-menu-left .ph3_toggle-hook-inner:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
  }
  html.ph3_is-menu-left-open .ph3_header-menu-left .ph3_toggle-contents {
    box-shadow: 5px 0 5px -2px rgba(0, 0, 0, 0.75);
    opacity: 1;
    z-index: 9000;
  }
}

/* .ph3_sp-header-info
----------------------------------------------- */
.ph3_sp-header-info {
  display: none;
}
@media only screen and (max-width: 640px) {
  .ph3_sp-header-info {
    display: block;
  }
  .ph3_sp-header-info .ph3_header-utility {
    margin: 0;
  }
  .ph3_sp-header-info .ph3_header-utility li {
    float: none;
    border-bottom: 1px solid #827c7b;
    margin: 0;
  }
  .ph3_sp-header-info .ph3_header-utility li:last-child {
    border-bottom: 0;
  }
  .ph3_sp-header-info .ph3_header-utility a {
    padding: 10px 15px;
    display: block;
  }
}

/* .ph3_sp-header-menu-hdg
----------------------------------------------- */
.ph3_sp-header-menu-hdg {
  display: none;
}
@media only screen and (max-width: 640px) {
  .ph3_sp-header-menu-hdg {
    background: #131312;
    font-weight: bold;
    margin: 0;
    padding: 10px 15px;
    display: block;
  }
}

/* .ph3_header-menu-right / 右メニュー
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .ph3_header-menu-right .ph3_toggle-hook {
    top: 15px;
    right: 11px;
  }
  .ph3_header-menu-right .ph3_toggle-txt {
    padding: 5px 8px;
  }
  .ph3_header-menu-right .ph3_toggle-state {
    width: 34px;
    height: 28px;
  }
  .ph3_header-menu-right .ph3_toggle-state,
  .ph3_header-menu-right .ph3_toggle-contents {
    right: 0;
  }
  .ph3_header-menu-right .ph3_toggle-contents {
    box-shadow: 0 0 0 0 transparent;
    right: 0;
  }
  .ph3_header-menu-right .ph3_toggle-contents-inner {
    padding: 0 15px;
  }
  html.ph3_is-menu-right-open .ph3_header-menu-right .ph3_toggle-contents {
    box-shadow: -5px 0 5px -2px rgba(0, 0, 0, 0.75);
    opacity: 1;
    z-index: 9000;
  }
}

/* .ph3_sp-header-order-name
----------------------------------------------- */
.ph3_sp-header-order-name {
  display: none;
}
@media only screen and (max-width: 640px) {
  .ph3_sp-header-order-name {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
    display: block;
  }
}

/* .ph3_sp-header-order-hdg
----------------------------------------------- */
.ph3_sp-header-order-hdg {
  display: none;
}
@media only screen and (max-width: 640px) {
  .ph3_sp-header-order-hdg {
    float: left;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0;
    display: block;
  }
}

/* ----------------------------------------------------------------
    Global Navigation
----------------------------------------------------------------- */
/* %nav-global-list-line
----------------------------------------------- */
.ph3_nav-global:before, .ph3_nav-global > li:before, .ph3_nav-global > li:nth-child(3n+1):after {
  width: 1px;
  height: 18px;
  background: #666;
  margin: -9px 0 0;
  position: absolute;
  top: 50%;
}

/* .ph3_nav-global
----------------------------------------------- */
.ph3_nav-global {
  float: left;
  width: 60.9375%;
  margin: 0;
  position: relative;
}
.ph3_nav-global:before {
  left: 0;
}
.ph3_nav-global > li {
  float: left;
  width: 16.66667%;
  height: 44px;
  text-align: center;
  font-weight: bold;
  position: relative;
}
.ph3_nav-global > li:before {
  right: 0;
}
.ph3_nav-global > li:nth-child(3n+1):after {
  left: 0;
  display: none;
}
.ph3_nav-global > li > a {
  width: 100%;
  height: 100%;
  border-right: 0;
  border-bottom: 3px solid transparent;
  color: #fff;
  padding: 10px 3px 12px;
  position: relative;
  display: block;
  -webkit-transition: border-bottom-color 0.2s ease-out;
  transition: border-bottom-color 0.2s ease-out;
}
.ph3_nav-global > li > a:hover {
  border-bottom-color: #ed1c24;
  text-decoration: none;
}
.ph3_nav-global > li > a:active, .ph3_nav-global > li > a:focus {
  text-decoration: none;
}
.ph3_nav-global > li.ph3_is-current > a {
  border-bottom-color: #ed1c24;
}
.ph3_nav-global > li > ul {
/* #28301 >> */
/*  width: 100%;*/
  min-width: 100%;
/* << #28301 */
  background: #2b2b2a;
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.4);
  margin: 0;
  position: absolute;
  bottom: -131px;
  display: none;
  z-index: 100;
}
.ph3_nav-global > li > ul > li {
  white-space: nowrap;
}
.ph3_nav-global > li > ul a {
  border-top: 1px solid #666;
  color: #fff;
  padding: 10px 3px 12px;
  display: block;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.ph3_nav-global > li > ul a:hover, .ph3_nav-global > li > ul a:active, .ph3_nav-global > li > ul a:focus {
  background: #000;
  text-decoration: none;
}
.ph3_nav-global > li > ul li:first-child a {
  border-top: 0;
}
.ph3_nav-global .ph3_dropdown-parent > a:after {
  background-position: -180px -120px;
  width: 12px;
  height: 7px;
  margin: 0 0 0 7px;
}
.ph3_nav-global .ph3_is-expand {
  display: block;
}
.ph3_nav-global > li.ph3_sp-only-gnav {
  display: none;
}
@media only screen and (max-width: 950px) {
  .ph3_nav-global {
    width: 47.96%;
    margin-bottom: 6px;
  }
  .ph3_nav-global:before {
    display: none;
  }
  .ph3_nav-global > li {
    float: left;
    width: 33.22684%;
    height: 40px;
  }
  .ph3_nav-global > li:nth-child(3n+1) {
    clear: both;
  }
  .ph3_nav-global > li:nth-child(3n+1):after {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_nav-global {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .ph3_nav-global > li {
    float: none;
    width: 100%;
    height: auto;
    text-align: left;
    margin: 0;
    padding: 0 0 0 25px;
  }
  .ph3_nav-global > li:before {
    display: none;
  }
  .ph3_nav-global > li:nth-child(3n+1):after {
    display: none;
  }
  .ph3_nav-global > li.ph3_coupon, .ph3_nav-global > li.ph3_topics, .ph3_nav-global > li.ph3_sp-only-gnav {
    padding-left: 0;
  }
  .ph3_nav-global > li a {
    border-right: 3px solid transparent;
    border-bottom: 1px solid #827c7b;
    padding: 10px 15px;
    display: block;
    -webkit-transition: border-right-color 0.2s ease-out;
    transition: border-right-color 0.2s ease-out;
  }
  .ph3_nav-global > li a:hover {
    border-right-color: #ed1c24;
    border-bottom: 1px solid #827c7b;
    text-decoration: none;
  }
  .ph3_nav-global > li a:active, .ph3_nav-global > li a:focus {
    text-decoration: none;
  }
  .ph3_nav-global > li > ul {
    width: 100%;
    background: transparent;
    box-shadow: none;
    margin: 0;
    position: static;
    display: block !important;
  }
  .ph3_nav-global > li > ul a {
    border-top: 0;
    padding: 10px 15px;
  }
  .ph3_nav-global > li > ul a:hover, .ph3_nav-global > li > ul a:active, .ph3_nav-global > li > ul a:focus {
    background: none;
  }
  .ph3_nav-global > li.ph3_is-current > a, .ph3_nav-global > li > ul .ph3_is-current > a {
    border-right: 3px solid #ed1c24;
    border-bottom: 1px solid #827c7b;
  }
  .ph3_nav-global .ph3_dropdown-parent > a {
    display: none;
  }
  .ph3_nav-global .ph3_dropdown-parent > a:after {
    display: none;
  }
  .ph3_nav-global > li.ph3_sp-only-gnav {
    display: block;
  }
}

/* ----------------------------------------------------------------
    Contents
----------------------------------------------------------------- */
/* .ph3_contents
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .ph3_contents {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    width: 100%;
    min-height: 100%;
    font-size: 1.2rem;
    margin-top: 0;
    padding: 61px 0 0;
    position: relative;
    z-index: 2;
    -webkit-backface-visibility: hidden;
  }
  html.ph3_android2 .ph3_contents {
    position: static;
  }
  html.ph3_is-menu-left-open .ph3_contents, html.ph3_is-menu-right-open .ph3_contents {
    overflow-y: hidden;
  }
}

/* .ph3_contents-inner
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .ph3_contents-inner {
    padding-top: 20px;
    -webkit-backface-visibility: hidden;
  }
  html.ph3_is-animate .ph3_contents-inner {
    -webkit-transition: background 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: background 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    background: url(/phdocs/images/com/ph3_bg.jpg) 50% 0 fixed no-repeat #252523;
  }
  html.ph3_is-menu-left-open .ph3_contents-inner, html.ph3_is-menu-right-open .ph3_contents-inner {
    position: relative;
  }
}

/* .ph3_row-inner
----------------------------------------------- */
.ph3_row .ph3_row-inner:last-child {
  padding-bottom: 48px;
}
.ph3_row .ph3_row-inner:last-child > :last-child {
  margin-bottom: 0 !important;
}
.ph3_row-inner.ph3_lyt-top, .ph3_row-inner.ph3_lyt-top-bnr {
  padding: 0 26px 20px;
}
.ph3_row-inner.ph3_row-narrow {
  max-width: 720px;
}
@media only screen and (max-width: 950px) {
  .ph3_row-inner.ph3_lyt-top-bnr {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_row .ph3_row-inner:last-child {
    padding-bottom: 30px;
  }
  .ph3_row-inner.ph3_lyt-top {
    padding: 0 15px 20px;
  }
}

/* ----------------------------------------------------------------
    Dialog Contents
----------------------------------------------------------------- */
/* .ph3_dialog-wrapper
----------------------------------------------- */
.ph3_dialog-wrapper {
  width: 100%;
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  left: 0;
}
.ph3_dialog-wrapper.ph3_dialog-login .ph3_checkbox-default {
  margin-bottom: 14px;
}
.ph3_dialog-wrapper.ph3_dialog-login .ph3_btn {
  width: 300px;
}
.ph3_dialog-wrapper.ph3_dialog-login .ph3_line-login {
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  margin: 0 0 26px;
  padding: 0 0 26px;
}
.ph3_dialog-wrapper.ph3_dialog-order .ph3_form-list-order {
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  margin: 0 0 26px;
  padding: 0 0 26px;
}
.ph3_dialog-wrapper.ph3_dialog-order .ph3_btn {
  width: 300px;
}
@media only screen and (max-width: 640px) {
  .ph3_dialog-wrapper {
    padding: 20px 15px 0;
    top: 61px;
  }
  .ph3_dialog-wrapper.ph3_dialog-login .ph3_btn {
    width: 100%;
  }
  .ph3_dialog-wrapper.ph3_dialog-login .ph3_line-login {
    margin: 0 0 15px;
    padding: 0 0 15px;
  }
  .ph3_dialog-wrapper.ph3_dialog-order .ph3_form-list-order {
    margin: 0 0 15px;
    padding: 0 0 15px;
  }
  .ph3_dialog-wrapper.ph3_dialog-order .ph3_btn {
    width: 100%;
  }
}

/* .ph3_dialog
----------------------------------------------- */
.ph3_dialog {
  width: 500px;
  border-radius: 4px;
  background: #4e4a4a;
  box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.25);
  margin: 0 0 0 -250px;
  position: absolute;
  top: 58px;
  left: 50%;
  z-index: 99999;
}
@media only screen and (max-width: 640px) {
  .ph3_dialog {
    width: 100%;
    margin: 0;
    position: relative;
    top: auto;
    left: auto;
  }
}

/* .ph3_dialog-inner
----------------------------------------------- */
.ph3_dialog-inner {
  padding: 26px;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .ph3_dialog-inner {
    padding: 15px;
  }
}

/* .ph3_dialog-hdg-l1
----------------------------------------------- */
.ph3_dialog-hdg-l1 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 18px;
  padding: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_dialog-hdg-l1 {
    font-size: 1.6rem;
  }
}
/* #30674 >> */
@media only screen and (max-width: 560px) {
  .ph3_dialog-hdg-l1 {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 360px) {
  .ph3_dialog-hdg-l1 {
    font-size: 1.3rem;
  }
}
/* << #30674 */

/* .ph3_dialog-overlay
----------------------------------------------- */
.ph3_dialog-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99990;
}

/* .ph3_noscript
----------------------------------------------- */
.ph3_noscript {
  display: none;
}

/* ----------------------------------------------------------------
    Footer
----------------------------------------------------------------- */
/* .ph3_footer
----------------------------------------------- */
.ph3_footer {
  background: rgba(0, 0, 0, 0.3);
  font-size: 1.2rem;
  color: #aeaeae;
  padding: 22px 0 0;
}
.ph3_footer a {
  color: #d1d1d1;
}

/* .ph3_footer-grid-wrapper
----------------------------------------------- */
.ph3_footer-grid-wrapper {
  margin-left: -0.97656%;
  margin-bottom: 25px;
}
.ph3_footer-grid-wrapper > .ph3_grid-col {
  float: left;
}
.ph3_footer-grid-wrapper > .ph3_grid-col.ph3_wide {
  width: 69.82592%;
  margin-left: 0.96712%;
}
.ph3_footer-grid-wrapper > .ph3_grid-col.ph3_wide > .ph3_footer-grid[data-grid-col="3"] {
  margin-left: -1.38%;
}
.ph3_footer-grid-wrapper > .ph3_grid-col.ph3_wide > .ph3_footer-grid[data-grid-col="3"] > .ph3_grid-col {
  float: left;
  width: 31.96%;
  margin-left: 1.36%;
}
.ph3_footer-grid-wrapper > .ph3_grid-col.ph3_wide > .ph3_footer-grid[data-grid-col="3"] > .ph3_grid-col:nth-child(3n+1) {
  clear: both;
}
.ph3_footer-grid-wrapper > .ph3_grid-col.ph3_wide > .ph3_footer-grid[data-grid-col="3"] > .ph3_grid-col > :last-child {
  margin-bottom: 0;
}
.ph3_footer-grid-wrapper > .ph3_grid-col.ph3_narrow {
  width: 28.23985%;
  margin-left: 0.96712%;
}
@media only screen and (max-width: 950px) {
  .ph3_footer-grid-wrapper {
    margin-left: 0;
  }
  .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_wide,
  .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_narrow {
    clear: both;
    width: 100%;
    height: auto !important;
    margin-left: 0;
  }
  .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_wide {
    margin-bottom: 20px;
  }
  .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_narrow > .ph3_footer-grid.ph3_tablet-grid[data-grid-col="2"] {
    margin-left: -2.1978%;
  }
  .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_narrow > .ph3_footer-grid.ph3_tablet-grid[data-grid-col="2"] > .ph3_grid-col {
    float: left;
    width: 47.84946%;
    margin-left: 2.15054%;
  }
  .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_narrow > .ph3_footer-grid.ph3_tablet-grid[data-grid-col="2"] > .ph3_grid-col:nth-child(2n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_footer-grid-wrapper {
    margin-bottom: 0;
  }
  .ph3_footer-grid-wrapper .ph3_grid-col {
    margin-bottom: 20px;
  }
  .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_wide {
    margin-bottom: 0;
  }
  .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_wide > .ph3_footer-grid[data-grid-col="3"] {
    margin-left: 0;
  }
  .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_wide > .ph3_footer-grid[data-grid-col="3"] > .ph3_grid-col {
    clear: both;
    width: 100%;
    height: auto !important;
    margin-left: 0;
  }
  .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_narrow {
    margin-bottom: 0;
  }
  .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_narrow > .ph3_footer-grid.ph3_tablet-grid[data-grid-col="2"] {
    margin-left: 0;
  }
  .ph3_footer-grid-wrapper > .ph3_grid-col.ph3_narrow > .ph3_footer-grid.ph3_tablet-grid[data-grid-col="2"] > .ph3_grid-col {
    clear: both;
    width: 100%;
    height: auto !important;
    margin-left: 0;
  }
}

/* .ph3_footer-hdg
----------------------------------------------- */
.ph3_footer-hdg {
  font-size: 1.4rem;
  color: #827c7b;
  margin: 0 0 13px;
}

/* .ph3_footer-link-list
----------------------------------------------- */
.ph3_footer-link-list li {
  margin: 0 0 10px;
}
@media only screen and (max-width: 640px) {
  .ph3_footer-link-list.ph3_sp-grid-col-2 {
    margin-left: -6.89%;
  }
  .ph3_footer-link-list.ph3_sp-grid-col-2 > li {
    float: left;
    width: 43.54%;
    margin-left: 6.45%;
  }
  .ph3_footer-link-list.ph3_sp-grid-col-2 > li:nth-child(2n+1) {
    clear: both;
  }
}

/* .ph3_footer-sns-list
----------------------------------------------- */
.ph3_footer-sns-list {
  margin-left: -2.73%;
  font-size: 1.1rem;
  line-height: 1.2;
  margin-bottom: 7px;
}
.ph3_footer-sns-list > li {
  float: left;
  width: 47.33%;
  margin-left: 2.66%;
}
.ph3_footer-sns-list > li:nth-child(2n+1) {
  clear: both;
}
.ph3_footer-sns-list li {
  margin-bottom: 8px;
}
.ph3_footer-sns-list a {
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.6);
  padding: 14px 10px 13px 43px;
  display: block;
}
.ph3_footer-sns-list .ph3_familyapps a {
  padding-top: 7px;
  padding-right: 0;
  padding-bottom: 7px;
}
@media only screen and (max-width: 640px) {
  .ph3_footer-sns-list {
    margin-bottom: 0;
  }
}

/* .ph3_footer-icon
----------------------------------------------- */
.ph3_footer-icon {
  position: relative;
  display: inline-block;
}
.ph3_footer-icon:before {
  position: absolute;
  top: 50%;
  left: 10px;
}

/* .ph3_has-facebook
----------------------------------------------- */
.ph3_footer-icon.ph3_has-facebook:before {
  background-position: -52px -115px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
}

/* .ph3_has-twitter
----------------------------------------------- */
.ph3_footer-icon.ph3_has-twitter:before {
  background-position: -164px -25px;
  width: 24px;
  height: 20px;
  margin-top: -10px;
}

/* .ph3_has-youtube
----------------------------------------------- */
.ph3_footer-icon.ph3_has-youtube:before {
  background-position: 0px -115px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
}

/* .ph3_has-familyapps
----------------------------------------------- */
.ph3_footer-icon.ph3_has-familyapps:before {
  background-position: -26px -115px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
}

/* .ph3_footer-app-list
----------------------------------------------- */
.ph3_footer-app-list {
  background: #0b0b0a;
  font-size: 1.1rem;
  margin: 0;
  padding: 11px 13px 11px 0;
}
.ph3_footer-app-list li {
  float: left;
}
.ph3_footer-app-list li span {
  margin: 0 0 5px;
  display: block;
}
.ph3_footer-app-list .ph3_googleplay {
  width: 41.36691%;
  margin-left: 5.03597%;
}
.ph3_footer-app-list .ph3_appstore {
  width: 48.56115%;
  margin-left: 5.03597%;
}
@media only screen and (max-width: 950px) {
  .ph3_footer-app-list .ph3_googleplay {
    width: auto;
  }
  .ph3_footer-app-list .ph3_appstore {
    width: auto;
  }
}
@media only screen and (max-width: 660px) {
  .ph3_footer-app-list .ph3_googleplay {
    width: 41.36691%;
  }
  .ph3_footer-app-list .ph3_appstore {
    width: 48.56115%;
  }
}

/* .ph3_footer-copyright
----------------------------------------------- */
.ph3_footer-copyright {
  border-top: 1px solid #827c7b;
  color: #8d8d8c;
  font-size: 1rem;
  text-align: center;
  margin: 0;
  padding: 11px 0 20px;
}
@media only screen and (max-width: 640px) {
  .ph3_footer-copyright {
    border-top: 4px solid #484846;
    color: #aeaeae;
    font-size: .6rem;
  }
}

/* ----------------------------------------------------------------
    Headings
----------------------------------------------------------------- */
/* .ph3_hdg-l1
----------------------------------------------- */
.ph3_hdg-l1 {
  border-left: 5px solid #ed1c24;
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 50px;
  padding: 6px 0 6px 15px;
}
@media only screen and (max-width: 640px) {
  .ph3_hdg-l1 {
    font-size: 2rem;
    margin-bottom: 20px;
    padding: 3px 0 3px 12px;
  }
}

/* .ph3_hdg-set-flow
----------------------------------------------- */
.ph3_hdg-set-flow {
  margin: 0 0 48px;
}
.ph3_hdg-set-flow .ph3_hdg-l1 {
  float: left;
  margin-bottom: 0;
}
.ph3_hdg-set-flow .ph3_list-flow {
  float: right;
}
@media only screen and (max-width: 640px) {
  .ph3_hdg-set-flow {
    margin: 0;
  }
  .ph3_hdg-set-flow .ph3_hdg-l1 {
    float: none;
    margin-bottom: 20px;
  }
  .ph3_hdg-set-flow .ph3_list-flow {
    float: none;
  }
}

/* .ph3_hdg-l1-img
----------------------------------------------- */
.ph3_hdg-l1-img {
  width: 100%;
  max-width: 1024px;
  height: 70px;
  font-family: "Teko", sans-serif;
  font-size: 8rem;
  font-weight: normal;
  line-height: 1;
  margin: -30px auto 2px;
  padding: 0 26px 2px;
  display: table;
}
.ph3_hdg-l1-img span {
  vertical-align: bottom;
  display: table-cell;
}
/* #32937>> */
.ph3_hdg-l1-img.ph3_hutsday {
  position:relative;
  padding-left: 0px;
  padding-right: 0px;
}
.ph3_hdg-l1-img.ph3_hutsday img {
	width: 100%;
}
.ph3_hdg-l1-img.ph3_hutsday span {
  margin-left: 16px;
  position:absolute;
  vertical-align: top;
}
/* <<#32937 */

.ph3_hdg-l1-img.ph3_pizza {
  background: url(/phdocs/images/ph3_bg-hdg-pizza.jpg) 50% 100% no-repeat;
}
.ph3_hdg-l1-img.ph3_sides {
  background: url(/phdocs/images/ph3_bg-hdg-sides.jpg) 50% 100% no-repeat;
}
/* #32937>> */
@media only screen and (max-width: 800px) {
  .ph3_hdg-l1-img.ph3_hutsday {
    font-size: 6rem;
  }
}
/* <<#32937 */
@media only screen and (max-width: 640px) {
  .ph3_hdg-l1-img {
    height: 40px;
    font-size: 3.5rem;
    margin: -15px auto 1px;
    padding: 0 13px 0px;
  }
  .ph3_hdg-l1-img.ph3_pizza, .ph3_hdg-l1-img.ph3_sides {
	background-size: cover;
  }
  /* #32937>> */
  .ph3_hdg-l1-img.ph3_hutsday {
    font-size: 3.5rem;
  }
  /* <<#32937 */
}
/* #32937>> */
@media only screen and (max-width: 500px) {
  .ph3_hdg-l1-img.ph3_hutsday img{
    margin-left: 6px;
  }
}
@media only screen and (max-width: 320px) {
  .ph3_hdg-l1-img.ph3_hutsday img{
    margin-left: 10px;
  }
}
/* <<#32937 */

/* .ph3_hdg-l2
----------------------------------------------- */
.ph3_hdg-l2 {
  color: #fff;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 25px;
}
@media only screen and (max-width: 640px) {
  .ph3_hdg-l2 {
    font-size: 1.6rem;
    margin-bottom: 12px;
  }
}

/* .ph3_hdg-l2-02
----------------------------------------------- */
.ph3_hdg-l2-02 {
  background: #000;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 23px;
  padding: 14px 26px 13px;
}
.ph3_switcher-half .ph3_hdg-l2-02 {
  border-top: 3px solid #ed1c24;
}
@media only screen and (max-width: 640px) {
  .ph3_hdg-l2-02 {
    font-size: 1.4rem;
    margin-bottom: 12px;
    padding: 8px 15px;
  }
}

/* .ph3_hdg-l3
----------------------------------------------- */
.ph3_hdg-l3 {
  color: #d6a36a;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 23px;
}
.ph3_hdg-l3 .ph3_txt {
  margin: 0 23px 0 0;
}
.ph3_hdg-l3 .ph3_goods {
  color: #fff;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 0 0 0 27px;
  display: inline-block;
  position: relative;
}
.ph3_hdg-l3 .ph3_goods span {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fed75f;
  color: #000;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 2px 0 0;
  display: inline-block;
  position: absolute;
  top: -1px;
  left: 0;
}
.ph3_hdg-l3.ph3_sub-grid .ph3_sub {
  float: right;
  color: #fff;
  font-size: 1.4rem;
  font-weight: normal;
  display: block;
}
@media only screen and (max-width: 640px) {
  .ph3_hdg-l3 {
    font-size: 1.3rem;
    margin-bottom: 12px;
  }
  .ph3_hdg-l3 .ph3_txt {
    margin: 0 15px 0 0;
  }
  .ph3_hdg-l3 .ph3_goods {
    font-size: 1.2rem;
    padding: 0 0 0 19px;
  }
  .ph3_hdg-l3 .ph3_goods span {
    width: 13px;
    height: 13px;
    font-size: .8rem;
    padding: 1px 0 0;
    top: 0;
  }
  .ph3_hdg-l3.ph3_sub-grid .ph3_sub {
    font-size: 1.2rem;
    margin: 12px 0 0;
  }
}

/* .ph3_hdg-l3-02
----------------------------------------------- */
.ph3_hdg-l3-02 {
  font-size: 1.4rem;
  margin: 0 0 15px;
  padding-right: 50px;
  overflow: hidden;
}
.ph3_hdg-l3-02 span {
  padding-right: 13px;
  position: relative;
  display: inline-block;
}
.ph3_hdg-l3-02 span:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  width: 1024px;
  height: 5px;
  background: rgba(255, 255, 255, 0.2);
  margin-top: -8px;
  position: absolute;
  top: 50%;
  right: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_hdg-l3-02 {
    font-size: 1.2rem;
    margin: 0 0 10px;
  }
}

/* .ph3_hdg-l3-03
----------------------------------------------- */
.ph3_hdg-l3-03 {
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 22px;
  padding: 0 0 12px;
}

/* .ph3_hdg-l3-04
----------------------------------------------- */
.ph3_hdg-l3-04 {
  border-left: 3px solid #fed75f;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 23px;
  padding: 4px 14px 3px;
}
@media only screen and (max-width: 640px) {
  .ph3_hdg-l3-04 {
    font-size: 1.5rem;
    margin: 0 0 23px;
    padding: 2px 10px;
  }
}

/* .ph3_hdg-l4
----------------------------------------------- */
.ph3_hdg-l4 {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 12px;
}
.ph3_hdg-l4 > span {
  display: inline-block;
}
.ph3_hdg-l4 .ph3_txt {
  margin: 0 23px 0 0;
}
.ph3_hdg-l4 .ph3_goods {
  color: #fff;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 0 26px;
  position: relative;
}
.ph3_hdg-l4 .ph3_goods span {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fed75f;
  color: #000;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 2px 0 0;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 0;
}
.ph3_hdg-l4 .ph3_quantity {
  font-size: 1.4rem;
  font-weight: normal;
}
@media only screen and (max-width: 640px) {
  .ph3_hdg-l4 {
    font-size: 1.3rem;
  }
  .ph3_hdg-l4 .ph3_txt {
    margin: 0 15px 0 0;
  }
  .ph3_hdg-l4 .ph3_goods {
    font-size: 1.2rem;
    padding: 0 19px;
  }
  .ph3_hdg-l4 .ph3_goods span {
    width: 13px;
    height: 13px;
    font-size: .8rem;
    padding: 1px 0 0;
    top: 0;
  }
  .ph3_hdg-l4 .ph3_quantity {
    font-size: 1.2rem;
  }
}

/* .ph3_hdg-ponta
----------------------------------------------- */
.ph3_hdg-ponta {
  background: url(/phdocs/images/ph3_bg-hdg-ponta.png) 100% 100% no-repeat;
  color: #ff9123;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
  padding: 20px 136px 20px 0;
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  .ph3_hdg-ponta {
    background-size: 75px auto;
    font-size: 1.6rem;
    padding: 12px 80px 12px 0;
  }
}

/* .ph3_title
----------------------------------------------- */
.ph3_title {
  color: #d6a36a;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 17px;
}
@media only screen and (max-width: 640px) {
  .ph3_title {
    font-size: 1.5rem;
    margin: 0 0 13px;
  }
}

/* ----------------------------------------------------------------
    Lists
----------------------------------------------------------------- */
/* .ph3_list
----------------------------------------------- */
.ph3_list {
  font-size: 1.2rem;
}
.ph3_list > li {
  margin: 0 0 5px;
}
@media only screen and (max-width: 640px) {
  .ph3_list {
    font-size: 1.1rem;
  }
}

/* .ph3_list-notice
----------------------------------------------- */
.ph3_list-notice {
  font-size: 1.2rem;
  margin: 0 0 22px;
}
.ph3_list-notice > li {
  width: 100%;
  line-height: 1.5;
  margin: 0 0 5px;
  display: table;
}
.ph3_list-notice > li:last-child {
  margin-bottom: 0;
}
.ph3_list-notice > li .ph3_mark, .ph3_list-notice > li .ph3_note {
  display: table-cell;
}
.ph3_list-notice > li .ph3_mark {
  width: 1em;
  white-space: nowrap;
  padding: 0 5px 0 0;
}
.ph3_list-notice > li .ph3_note > :first-child {
  margin-top: 5px;
}
.ph3_list-notice > li .ph3_note > :last-child {
  margin-bottom: 0;
}
.ph3_list-notice > li .ph3_note > .ph3_note_small {
  margin-top: 5px;
  margin-bottom: 0;
}
.ph3_list-notice > li.ph3_em {
  color: #d9b084;
}
@media only screen and (max-width: 640px) {
  .ph3_list-notice {
    font-size: 1.1rem;
    margin: 0 0 12px;
  }
}

/* .ph3_list-flow
----------------------------------------------- */
.ph3_list-flow {
  font-size: 0;
  margin: 0;
}
.ph3_list-flow > li {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  padding-right: 32px;
  position: relative;
  display: inline-block;
}
.ph3_list-flow > li:before {
  background-position: -164px -47px;
  width: 11px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -9px;
}
.ph3_list-flow > li:last-child {
  padding-right: 0;
}
.ph3_list-flow > li:last-child:before {
  display: none;
}
.ph3_list-flow > li > span {
  border: 1px solid #827c7b;
  padding: 13px 38px;
  display: block;
  /* #27354 >> */
  border-radius: 4px;
  /* << #27354 */
}
.ph3_list-flow > .ph3_is-current > span {
  border-color: #ed1c24;
  background: #ed1c24;
}
.ph3_list-flow > .ph3_is-current > span em {
  color: #fff;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .ph3_list-flow {
    margin-left: -9.82%;
    margin-bottom: 20px;
  }
  .ph3_list-flow[data-ph3_flow-count="3"] > li {
    float: left;
    width: 24.33%;
    margin-left: 8.94%;
  }
  .ph3_list-flow[data-ph3_flow-count="3"] > li:nth-child(3n+1) {
    clear: both;
  }
  /* 4 step breadcrumb >> */
  .ph3_list-flow[data-ph3_flow-count="4"] {
  	margin-left: 0;
  }
  .ph3_list-flow[data-ph3_flow-count="4"] > li {
    float: left;
    width: 21.25%;
    margin-left: 3.18%;
  }
  .ph3_list-flow[data-ph3_flow-count="4"] > li:nth-child(4n+1) {
    clear: both;
  }
  /* << 4 step breadcrumb */
  .ph3_list-flow > li {
    font-size: 1.2rem;
    padding: 0;
  }
  .ph3_list-flow > li:before {
    width: 9.16px;
    height: 15px;
    background-position: -136.67px -39.17px;
    background-size: 161.66px auto;
    margin-top: -7.5px;
    right: -23%;
  }
  .ph3_list-flow[data-ph3_flow-count="4"] > li:before {
    right: -12%;
  }
  .ph3_list-flow > li > span {
    padding: 9px 5px;
  }
  .ph3_list-flow[data-ph3_flow-count="4"] > li:first-child:before {
	margin-left:8px;
  }
}
/* 4 step breadcrumb >> */
@media only screen and (max-width: 420px) {
	.ph3_list-flow[data-ph3_flow-count="4"] > li {
		font-size: 0.95rem;
		padding: 0;
	}
}
@media only screen and (max-width: 360px) {
  .ph3_list-flow[data-ph3_flow-count="4"] > li:before {
    right: -15%;
  }
}
/* << 4 step breadcrumb */

/* .ph3_list-goods
----------------------------------------------- */
.ph3_list-goods {
  margin: 0;
}
.ph3_list-goods > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0 0 12px;
  padding: 0 0 14px;
}
.ph3_list-goods > li:last-child {
  border-bottom: 0;
  margin: 0;
  padding: 0;
}
.ph3_list-goods > li > :last-child {
  margin-bottom: 0;
}
.ph3_list-goods.ph3_border-thick > li {
  border-bottom-width: 5px;
  margin: 0 0 26px;
  padding: 0 0 26px;
}
.ph3_list-goods.ph3_border-thick > li:last-child {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_list-goods.ph3_border-thick > li {
    margin: 0 0 15px;
    padding: 0 0 15px;
  }
}

/* .ph3_list-availability
----------------------------------------------- */
.ph3_list-availability > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0 0 10px;
  padding: 0 0 10px;
}
.ph3_list-availability > li > :last-child {
  margin-bottom: 0;
}
.ph3_list-availability > li > dl {
  font-size: 1.4rem;
  margin: 0 0 5px;
}
.ph3_list-availability > li > dl dt {
  clear: both;
  float: left;
  font-weight: bold;
  margin: 0 14px 0 0;
}
.ph3_list-availability > li > dl dd {
  float: right;
}
.ph3_list-availability > li .ph3_note > :last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_list-availability > li {
    margin: 0 0 8px;
    padding: 0 0 8px;
  }
  .ph3_list-availability > li > dl {
    font-size: 1.2rem;
  }
  .ph3_list-availability > li > dl dt {
    font-weight: normal;
  }
}

/* .ph3_list-balloon
----------------------------------------------- */
.ph3_list-balloon {
  font-size: 1.4rem;
}
.ph3_list-balloon li {
  width: 100%;
  padding: 0 0 8px;
  display: table;
}
.ph3_list-balloon li:last-child {
  padding-bottom: 0;
}
.ph3_list-balloon li > span, .ph3_list-balloon li .ph3_note {
  vertical-align: middle;
  display: table-cell;
}
.ph3_list-balloon li > span {
  width: 59px;
  height: 100%;
  background: #fff;
  color: #000;
  font-weight: bold;
  text-align: center;
}
.ph3_list-balloon li > span b {
  padding: 4px 5px;
  position: relative;
  display: block;
}
.ph3_list-balloon li > span b:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 4px 0 4px 7px;
  border-left-color: #fff;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  right: -7px;
}
.ph3_list-balloon li .ph3_note {
  padding: 0 14px;
}
@media only screen and (max-width: 640px) {
  .ph3_list-balloon {
    font-size: 1.2rem;
  }
  .ph3_list-balloon li > span {
    width: 46px;
  }
}

/* .ph3_list-explanation
----------------------------------------------- */
.ph3_list-explanation {
  font-size: 0;
  margin: 0 0 26px;
  padding: 3px 0;
}
.ph3_list-explanation li {
  font-size: 1.4rem;
  margin: 0 50px 0 0;
  display: inline-block;
}
.ph3_list-explanation li:last-child {
  margin-left: 0;
}
.ph3_list-explanation .ph3_enabled, .ph3_list-explanation .ph3_disabled {
  padding: 0 0 0 74px;
  position: relative;
}
.ph3_list-explanation .ph3_enabled:before, .ph3_list-explanation .ph3_disabled:before {
  width: 60px;
  height: 35px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  margin: -17.5px 0 0 0;
  position: absolute;
  top: 50%;
  left: 0;
}
.ph3_list-explanation .ph3_enabled:before {
  background: rgba(0, 0, 0, 0.6);
}
.ph3_list-explanation .ph3_hut-day img {
  vertical-align: middle;
  margin: 0 11px 0 0;
}
.ph3_list-explanation .ph3_disabled:before {
  background: rgba(61, 61, 61, 0.6);
}
@media only screen and (max-width: 640px) {
  .ph3_list-explanation {
    margin: 0 0 15px;
    padding: 3px 0;
  }
  .ph3_list-explanation li {
    font-size: 1.1rem;
    margin: 0 30px 10px 0;
  }
  .ph3_list-explanation .ph3_enabled, .ph3_list-explanation .ph3_disabled {
    padding: 0 0 0 40px;
  }
  .ph3_list-explanation .ph3_enabled:before, .ph3_list-explanation .ph3_disabled:before {
    width: 30px;
    height: 18px;
    margin: -9px 0 0 0;
  }
  .ph3_list-explanation .ph3_hut-day img {
    width: 14px;
    margin: 0 11px 0 0;
  }
}

/* .ph3_list-refine
----------------------------------------------- */
.ph3_list-refine {
  text-align: right;
  margin: 0 0 38px;
}
.ph3_list-refine > ul {
  font-size: 0;
}
.ph3_list-refine > ul > li {
  font-size: 1.4rem;
  margin: 0 0 0 26px;
  display: inline-block;
}
.ph3_list-refine > ul > li:first-child {
  margin-left: 0;
}
.ph3_list-refine > ul > li > span {
  margin: 0 11px 0 0;
}
.ph3_list-refine > ul > li.ph3_refine-col .ph3_pulldown-contents {
  width: 118px;
  margin-left: -59px;
  left: 50%;
}
.ph3_list-refine > ul > li.ph3_refine-col-02 .ph3_pulldown-contents {
  width: 214px;
  margin-left: -107px;
  left: 50%;
}
@media only screen and (max-width: 821px) {
  .ph3_list-refine > ul > li.ph3_refine-col-02 .ph3_pulldown-contents {
    width: 214px;
    margin-left: -107px;
    left: 30%;
  }
}
.ph3_list-refine > ul > li.ph3_refine-col-02.ph3_genre .ph3_pulldown-contents {
  width: 492px;
  margin-left: 0;
  left: auto;
  right: 0;
}
.ph3_list-refine > ul > li.ph3_refine-col-03 .ph3_pulldown-contents {
  width: 492px;
  right: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_list-refine {
    text-align: left;
    margin: 0 0 10px;
  }
  .ph3_list-refine > ul > li {
    float: left;
    margin: 0;
    display: block;
  }
  .ph3_list-refine > ul > li > span {
    font-size: 1rem;
    font-weight: bold;
    margin: 0 0 7px;
    display: block;
  }
  .ph3_list-refine > ul > li .ph3_pulldown-hook {
    display: block;
  }
  .ph3_list-refine > ul > li .ph3_pulldown-txt {
    width: 100%;
  }
  .ph3_list-refine > ul > li.ph3_refine-col .ph3_pulldown-contents, .ph3_list-refine > ul > li.ph3_refine-col-02 .ph3_pulldown-contents, .ph3_list-refine > ul > li.ph3_refine-col-03 .ph3_pulldown-contents {
    width: 100%;
    margin: 0;
    left: 0;
  }
  .ph3_list-refine > ul > li.ph3_refine-col {
    width: 30.51%;
  }
  .ph3_list-refine > ul > li.ph3_refine-col.ph3_rank .ph3_pulldown-contents {
    width: 90px;
  }
  .ph3_list-refine > ul > li.ph3_refine-col-02 {
    width: 61.03%;
    margin-left: 8.44%;
  }
  .ph3_list-refine > ul > li.ph3_refine-col-02.ph3_genre .ph3_pulldown-contents {
    width: 290px;
    left: auto;
    right: 0;
  }
  .ph3_list-refine > ul > li.ph3_refine-col-03 {
    clear: both;
    width: 100%;
    margin-left: 0;
  }
}

/* .ph3_list-panel-commodity
----------------------------------------------- */
.ph3_list-panel-commodity .ph3_grid-col.ph3_panel {
  padding: 0 0 14px;
  position: relative;
}
.ph3_list-panel-commodity .ph3_panel-wrap {
  padding: 0 0 115px;
}
.ph3_list-panel-commodity.ph3_lyt-low .ph3_panel-wrap {
  padding-bottom: 70px;
}
.ph3_list-panel-commodity .ph3_lyt-media-sp {
  margin: 0;
}
.ph3_list-panel-commodity .ph3_lyt-media-sp .ph3_media-col {
  padding: 14px 14px 10px;
}
.ph3_list-panel-commodity .ph3_title {
  color: #d6a36a;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 10px;
}
.ph3_list-panel-commodity .ph3_lyt-select {
  width: 100%;
  vertical-align: middle;
  display: table;
}
.ph3_list-panel-commodity .ph3_price, .ph3_list-panel-commodity .ph3_quantity {
  margin: 0;
  display: table-cell;
}
.ph3_list-panel-commodity .ph3_price {
  width: 30%;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
}
.ph3_list-panel-commodity .ph3_quantity {
  width: 70%;
  font-size: 1.4rem;
  text-align: right;
}
.ph3_list-panel-commodity .ph3_text {
  margin: 4px 14px 0;
}
.ph3_list-panel-commodity .ph3_link-btn {
  width: 100%;
  padding: 0 14px;
  position: absolute;
  bottom: 14px;
}
.ph3_list-panel-commodity .ph3_link-btn .ph3_btn {
  padding-right: 10px;
  padding-left: 10px;
}
@media only screen and (max-width: 770px) {
  .ph3_list-panel-commodity .ph3_panel-wrap {
    padding-bottom: 156px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_list-panel-commodity {
    margin: 0 0 30px;
  }
  .ph3_list-panel-commodity .ph3_grid-col.panel, .ph3_list-panel-commodity .ph3_lyt-media-sp {
    height: auto !important;
  }
  .ph3_list-panel-commodity .ph3_grid-col.ph3_panel {
    padding: 10px;
  }
  .ph3_list-panel-commodity .ph3_panel-wrap, .ph3_list-panel-commodity.ph3_lyt-low .ph3_panel-wrap {
    padding-bottom: 20px;
  }
  .ph3_list-panel-commodity .ph3_lyt-media-sp {
    margin: 0 0 11px;
  }
  .ph3_list-panel-commodity .ph3_lyt-media-sp .ph3_media-col {
    padding: 0;
  }
  .ph3_list-panel-commodity .ph3_title {
    font-size: 1.3rem;
  }
  .ph3_list-panel-commodity .ph3_price {
    font-size: 1.4rem;
    font-weight: normal;
  }
  .ph3_list-panel-commodity .ph3_quantity {
    font-size: 1.2rem;
  }
  .ph3_list-panel-commodity .ph3_text {
    margin: 0;
  }
  .ph3_list-panel-commodity .ph3_link-btn {
    padding: 0;
    position: static;
  }
}

/* .ph3_list-size
----------------------------------------------- */
.ph3_list-size {
  font-size: 0;
  margin: 0 0 5px;
}
.ph3_list-size > li {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 13px 10px 0;
  display: inline-block;
}
.ph3_list-size > li span {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fed75f;
  color: #000;
  font-size: 1.4rem;
  text-align: center;
  vertical-align: middle;
  margin: 0 5px 0 0;
  padding: 2px 0 0;
  display: inline-block;
}
.ph3_list-size > li:last-child {
  margin-bottom: 0;
}
.ph3_list-size.ph3_middle > li {
  font-size: 1.6rem;
  font-weight: normal;
}
.ph3_list-size.ph3_middle > li span {
  font-size: 1.2rem;
  font-weight: bold;
}
.ph3_list-size.ph3_small > li {
  font-size: 1.4rem;
  font-weight: normal;
}
.ph3_list-size.ph3_small > li span {
  font-size: 1.2rem;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .ph3_list-size > li {
    font-size: 1.2rem;
    font-weight: normal;
    margin: 0 6px 8px 0;
  }
  .ph3_list-size > li span {
    width: 14px;
    height: 14px;
    font-size: .8rem;
    font-weight: bold;
    padding: 2px 0 0;
  }
  .ph3_list-size.ph3_middle > li, .ph3_list-size.ph3_small > li {
    font-size: 1.2rem;
    margin: 0 15px 8px 0;
  }
  .ph3_list-size.ph3_middle > li span, .ph3_list-size.ph3_small > li span {
    width: 13px;
    height: 13px;
    font-size: .8rem;
    padding: 1px 0 0;
  }
}

/* .ph3_list-subtotal
----------------------------------------------- */
.ph3_list-subtotal {
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  text-align: right;
  margin: 12px 0 0;
  padding: 18px 0 0;
}
.ph3_list-subtotal .ph3_list-def-02 {
  display: inline-block;
}
.ph3_list-subtotal .ph3_list-def-02 > dt, .ph3_list-subtotal .ph3_list-def-02 > dd {
  font-size: 1.6rem;
  display: inline-block;
}
.ph3_list-subtotal .ph3_btn-list-02 {
  margin: 0 0 0 32px;
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  .ph3_list-subtotal .ph3_list-def-02 > dt, .ph3_list-subtotal .ph3_list-def-02 > dd {
    font-size: 1.3rem;
  }
  .ph3_list-subtotal .ph3_btn-list-02 {
    text-align: center;
    margin: 8px 0 0;
    display: block;
  }
  .ph3_list-subtotal .ph3_btn-list-02 > li {
    width: 45.08%;
    margin-right: 0;
    display: inline-block;
  }
  .ph3_list-subtotal .ph3_btn-list-02[data-grid-col="2"] {
    margin-left: -5.17%;
  }
  .ph3_list-subtotal .ph3_btn-list-02[data-grid-col="2"] > li {
    float: left;
    width: 45.08%;
    margin-left: 4.91%;
  }
  .ph3_list-subtotal .ph3_btn-list-02[data-grid-col="2"] > li:nth-child(2n+1) {
    clear: both;
  }
}

/* .ph3_list-maintotal
----------------------------------------------- */
.ph3_list-maintotal {
  width: 360px;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  .ph3_list-maintotal {
    width: 100%;
  }
}

/* .ph3_list-def
----------------------------------------------- */
.ph3_list-def {
  margin: 0;
}
.ph3_list-def > dt, .ph3_list-def > dd {
  margin-bottom: 5px;
}
.ph3_list-def > dt {
  float: left;
  width: 11em;
  margin: 0 5px 0 0;
  position: relative;
}
.ph3_list-def > dt:after {
  content: '\ff1a';
  position: absolute;
  top: 0;
  right: 0;
}
.ph3_list-def > dt:first-child {
  margin-left: 0;
}
.ph3_list-def > dd {
  padding: 0 0 0 11.5em;
}
.ph3_list-def > dd:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_list-def > dt {
    float: none;
    width: 10.5em;
    margin: 0 0 5px;
  }
  .ph3_list-def > dd {
    margin: 0 0 10px;
    padding: 0;
  }
}

/* .ph3_list-def-02
----------------------------------------------- */
.ph3_list-def-02 {
  font-size: 0;
  margin: 0 0 5px;
}
.ph3_list-def-02 > dt, .ph3_list-def-02 > dd {
  font-size: 1.4rem;
  display: inline-block;
}
.ph3_list-def-02 > dt {
  margin: 0 0 0 35px;
}
.ph3_list-def-02 > dt:after {
  content: '\ff1a';
}
.ph3_list-def-02 > dt:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_list-def-02 > dt, .ph3_list-def-02 > dd {
    font-size: 1.3rem;
  }
  .ph3_list-def-02 > dt {
    margin-left: 15px;
  }
}

/* .ph3_list-def-03
----------------------------------------------- */
.ph3_list-def-03 {
  margin: 0;
}
.ph3_list-def-03 > dt, .ph3_list-def-03 > dd {
  margin: 0 0 8px;
}
.ph3_list-def-03 > dt {
  font-size: 1.6rem;
  font-weight: bold;
}
.ph3_list-def-03 > :last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_list-def-03 > dt {
    font-size: 1.2rem;
  }
}

/* .ph3_list-def-04
----------------------------------------------- */
.ph3_list-def-04 {
  margin: 0;
}
.ph3_list-def-04 > dt, .ph3_list-def-04 > dd {
  margin: 0 0 8px;
}
.ph3_list-def-04 > dt {
  color: #d6a36a;
  font-size: 1.6rem;
  font-weight: bold;
}
.ph3_list-def-04 > dd .ph3_price {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 5px 0 0;
}
.ph3_list-def-04 > :last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_list-def-04 > dt {
    font-size: 1.2rem;
  }
}

/* .ph3_list-def-05
----------------------------------------------- */
.ph3_list-def-05 {
  margin: 0;
}
.ph3_list-def-05 > dt, .ph3_list-def-05 > dd {
  margin-bottom: 5px;
}
.ph3_list-def-05 > dt {
  float: left;
  width: 5.5em;
  margin: 0 10px 0 0;
}
.ph3_list-def-05 > dt:first-child {
  margin-left: 0;
}
.ph3_list-def-05 > dd {
  padding: 0 0 0 6em;
}
.ph3_list-def-05 > dd:last-child {
  margin-bottom: 0;
}

/* .ph3_list-def-06
----------------------------------------------- */
.ph3_list-def-06 {
  margin: 0;
}
.ph3_list-def-06 > dt, .ph3_list-def-06 > dd {
  margin-bottom: 26px;
}
.ph3_list-def-06 > dt {
  float: left;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 6px 5px 0 0;
}
.ph3_list-def-06 > dd {
  border-left: 5px solid rgba(255, 255, 255, 0.2);
  padding: 6px 0 4px 26px;
  overflow: hidden;
}
.ph3_list-def-06 > dd:last-child, .ph3_list-def-06 > dd > :last-child {
  margin-bottom: 0;
}
.ph3_list-def-06 > dd .ph3_link-list-prefecture {
  margin-bottom: -10px;
}
.ph3_list-def-06.ph3_syllabary > dt {
  width: 44px;
}
.ph3_list-def-06.ph3_prefecture > dt {
  width: 116px;
}
@media only screen and (max-width: 640px) {
  .ph3_list-def-06 > dt, .ph3_list-def-06 > dd {
    margin-bottom: 20px;
  }
  .ph3_list-def-06 > dt {
    font-size: 1.3rem;
  }
  .ph3_list-def-06 > dd {
    padding-left: 20px;
  }
  .ph3_list-def-06.ph3_syllabary > dt {
    width: 26px;
  }
  .ph3_list-def-06.ph3_prefecture > dt {
    width: 53px;
  }
}

/* .ph3_list-def-state
----------------------------------------------- */
.ph3_list-def-state {
  font-size: 0;
  font-weight: bold;
  margin: 0;
}
.ph3_list-def-state > dt, .ph3_list-def-state > dd {
  font-size: 1.8rem;
  display: inline-block;
}
.ph3_list-def-state > dt {
  margin: 0 14px 0 75px;
  position: relative;
}
.ph3_list-def-state > dt:before {
  position: absolute;
  top: 50%;
  left: 0;
}
.ph3_list-def-state > dt.ph3_delivery {
  padding: 0 0 0 46px;
}
.ph3_list-def-state > dt.ph3_delivery:before {
  width: 33.09px;
  height: 24.64px;
  background-position: 0px -54.93px;
  background-size: 136.61px auto;
  margin: -13.47px 0 0;
}
.ph3_list-def-state > dt.ph3_takeout {
  padding: 0 0 0 40px;
}
.ph3_list-def-state > dt.ph3_takeout:before {
  width: 26.97px;
  height: 29.6px;
  background-position: -79.61px 0px;
  background-size: 127.63px auto;
  margin: -15.52px 0 0;
}
.ph3_list-def-state > dt:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_list-def-state > dt, .ph3_list-def-state > dd {
    font-size: 1.3rem;
  }
  .ph3_list-def-state > dt {
    margin: 0 10px 0 22px;
  }
  .ph3_list-def-state > dt.ph3_delivery {
    padding: 0 0 0 34px;
  }
  .ph3_list-def-state > dt.ph3_delivery:before {
    width: 24.73px;
    height: 18.42px;
    background-position: 0px -41.06px;
    background-size: 102.1px auto;
    margin: -10.94px 0 0;
  }
  .ph3_list-def-state > dt.ph3_takeout {
    padding: 0 0 0 30px;
  }
  .ph3_list-def-state > dt.ph3_takeout:before {
    width: 20.5px;
    height: 22.5px;
    background-position: -60.5px 0px;
    background-size: 97px auto;
    margin: -13.24px 0 0;
  }
}

/* .ph3_list-def-total
----------------------------------------------- */
.ph3_list-def-total {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0 0 26px;
  padding: 0 0 3px;
}
.ph3_list-def-total > dt, .ph3_list-def-total > dd {
  line-height: 1.2;
  vertical-align: bottom;
  margin: 0 0 15px;
}
.ph3_list-def-total > dt {
  clear: both;
  float: left;
  font-size: 1.6rem;
  padding: 4px 0 0;
}
.ph3_list-def-total > dd {
  float: right;
  font-weight: bold;
  vertical-align: baseline;
}
.ph3_list-def-total > dd b {
  font-size: 2.2rem;
}
@media only screen and (max-width: 640px) {
  .ph3_list-def-total {
    margin: 0 0 20px;
    padding: 0 0 5px;
  }
  .ph3_list-def-total > dt, .ph3_list-def-total > dd {
    margin: 0 0 8px;
  }
  .ph3_list-def-total > dt {
    font-size: 1.3rem;
    padding: 0;
  }
  .ph3_list-def-total > dd b {
    font-size: 1.5rem;
  }
}

/* .ph3_list-def-paymaster
----------------------------------------------- */
.ph3_list-def-paymaster {
  margin: 0 0 26px;
}
.ph3_list-def-paymaster > dt, .ph3_list-def-paymaster > dd {
  line-height: 1.2;
  vertical-align: bottom;
}
.ph3_list-def-paymaster > dt {
  clear: both;
  float: left;
  font-size: 1.6rem;
  padding: 4px 0 0;
}
.ph3_list-def-paymaster > dd {
  float: right;
  font-size: 2rem;
  font-weight: bold;
  vertical-align: baseline;
}
.ph3_list-def-paymaster > dd b {
  font-size: 3.6rem;
}
.ph3_list-def-paymaster .ph3_label-02 {
  font-size: 1.6rem;
  padding: 8px 13px 7px;
}
@media only screen and (max-width: 640px) {
  .ph3_list-def-paymaster {
    margin: 0 0 20px;
  }
  .ph3_list-def-paymaster > dt {
    padding: 0;
  }
  .ph3_list-def-paymaster > dd {
    font-size: 1.2rem;
  }
  .ph3_list-def-paymaster > dd b {
    font-size: 2.2rem;
  }
  .ph3_list-def-paymaster .ph3_label-02 {
    font-size: 1.1rem;
    padding: 5px 10px;
  }
}

/* .ph3_list-def-ponta
----------------------------------------------- */
.ph3_list-def-ponta {
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  font-size: 0;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin: 0 auto 12px;
  padding: 26px 0 0;
}
.ph3_list-def-ponta > dt, .ph3_list-def-ponta > dd {
  background: #fffddf;
  color: #5f3c32;
  font-size: 1.4rem;
  vertical-align: middle;
  display: inline-block;
}
.ph3_list-def-ponta > dt {
  padding: 9px 14px 5px;
}
.ph3_list-def-ponta > dd {
  padding: 4px 33px 0;
}
.ph3_list-def-ponta > dd b {
  font-size: 2rem;
}
@media only screen and (max-width: 640px) {
  .ph3_list-def-ponta {
    width: 100%;
    display: table;
  }
  .ph3_list-def-ponta > dt, .ph3_list-def-ponta > dd {
    font-size: 1.2rem;
    display: table-cell;
  }
  .ph3_list-def-ponta > dt {
    padding: 6px 5px 4px;
  }
  .ph3_list-def-ponta > dd {
    padding: 3px 5px 0;
  }
  .ph3_list-def-ponta > dd b {
    font-size: 1.5rem;
  }
}

/* ----------------------------------------------------------------
    Links
----------------------------------------------------------------- */
/* .ph3_link-list
----------------------------------------------- */
.ph3_link-list {
  margin: 0 0 26px;
}
.ph3_link-list > li {
  margin: 0 0 8px;
}
.ph3_link-list[data-link-col="4"] {
  margin-left: -2.23%;
}
.ph3_link-list[data-link-col="4"] > li {
  float: left;
  width: 22.37%;
  margin-left: 2.18%;
}
.ph3_link-list[data-link-col="4"] > li:nth-child(4n+1) {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .ph3_link-list {
    margin: 0 0 15px;
  }
  .ph3_link-list[data-link-col="4"] {
    margin-left: -2.04%;
  }
  .ph3_link-list[data-link-col="4"] > li {
    float: left;
    width: 45.98%;
    margin-left: 2%;
  }
  .ph3_link-list[data-link-col="4"] > li:nth-child(2n+1) {
    clear: both;
  }
}

/* .ph3_link-list-prefecture
----------------------------------------------- */
.ph3_link-list-prefecture {
  letter-spacing: -.40em;
  font-size: 1.6rem;
  margin: 0 0 26px;
}
.ph3_link-list-prefecture > li {
  width: 96px;
  letter-spacing: normal;
  margin: 0 14px 10px 0;
  display: inline-block;
}
.ph3_link-list-prefecture span {
  color: #827c7b;
}
@media only screen and (max-width: 640px) {
  .ph3_link-list-prefecture {
    margin-left: -2.3%;
    font-size: 1.2rem;
    margin: 0 0 15px;
  }
  .ph3_link-list-prefecture > li {
    float: left;
    width: 30.24%;
    margin-left: 2.25%;
  }
  .ph3_link-list-prefecture > li:nth-child(3n+1) {
    clear: both;
  }
  .ph3_link-list-prefecture > li {
    margin-right: 0;
  }
}

/* .ph3_link-btn
----------------------------------------------- */
.ph3_link-btn {
  margin: 0;
}
.ph3_link-btn > li {
  margin: 0 0 10px;
}
.ph3_link-btn > li:last-child {
  margin-bottom: 0;
}

/* .ph3_link-btn-02
----------------------------------------------- */
.ph3_link-btn-02 {
  letter-spacing: -.40em;
  margin: 0 0 26px;
}
.ph3_link-btn-02 > li {
  letter-spacing: normal;
  margin: 0 26px 0 0;
  display: inline-block;
}
.ph3_link-btn-02 > li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_link-btn-02 > li {
    margin: 0 0 10px;
    display: block;
  }
}

/* .ph3_link-btn-shopview
----------------------------------------------- */
.ph3_link-btn-shopview {
  letter-spacing: -.40em;
  margin: 0 0 36px;
}
.ph3_link-btn-shopview > li {
  letter-spacing: normal;
  margin: 0 26px 0 0;
  display: inline-block;
}
.ph3_link-btn-shopview > li:last-child {
  margin-right: 0;
}
.ph3_link-btn-shopview .ph3_btn {
  font-size: 1.2rem;
  font-weight: normal;
  padding: 8px 26px;
}
.ph3_link-btn-shopview .ph3_btn > b, .ph3_link-btn-shopview .ph3_btn > span {
  display: inline-block;
}
.ph3_link-btn-shopview .ph3_btn > b {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 3px 0 0;
}
@media only screen and (max-width: 950px) {
  .ph3_link-btn-shopview {
    margin-left: -2.73%;
  }
  .ph3_link-btn-shopview > li {
    float: left;
    width: 47.33%;
    margin-left: 2.66%;
  }
  .ph3_link-btn-shopview > li:nth-child(2n+1) {
    clear: both;
  }
  .ph3_link-btn-shopview > li {
    margin-right: 0;
  }
  .ph3_link-btn-shopview .ph3_btn {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_link-btn-shopview {
    margin: 0 0 20px;
  }
  .ph3_link-btn-shopview > li {
    clear: both;
    width: 100%;
    margin: 0 0 10px;
    display: block;
  }
  .ph3_link-btn-shopview .ph3_btn {
    font-size: .9rem;
    padding: 7px 10px 6px;
  }
  .ph3_link-btn-shopview .ph3_btn > b {
    font-size: 1.4rem;
  }
}

/* .ph3_link-bnr
----------------------------------------------- */
.ph3_link-bnr {
  border-radius: 5px;
  background-color: #252523;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.35);
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 950px) {
  .ph3_lyt-top-bnr .ph3_link-bnr {
    border-radius: 0;
    box-shadow: none;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_link-bnr {
    border-radius: 0;
    box-shadow: none;
  }
}

/* .ph3_link-pager
----------------------------------------------- */
.ph3_link-pager {
  background: rgba(0, 0, 0, 0.3);
  font-weight: bold;
  line-height: 1;
  margin: 0 0 10px;
  position: relative;
}
.ph3_link-pager .ph3_hdg {
  font-size: 2.4rem;
  text-align: center;
  padding: 18px 130px;
}
.ph3_link-pager .ph3_prev, .ph3_link-pager .ph3_next {
  font-size: 1.8rem;
  position: absolute;
  top: 0;
}
.ph3_link-pager .ph3_prev a, .ph3_link-pager .ph3_prev span, .ph3_link-pager .ph3_next a, .ph3_link-pager .ph3_next span {
  height: 100%;
  padding: 21px 22px;
  display: block;
}
.ph3_link-pager .ph3_prev a, .ph3_link-pager .ph3_next a {
  color: #fff;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.ph3_link-pager .ph3_prev a:hover, .ph3_link-pager .ph3_prev a:active, .ph3_link-pager .ph3_prev a:focus, .ph3_link-pager .ph3_next a:hover, .ph3_link-pager .ph3_next a:active, .ph3_link-pager .ph3_next a:focus {
  background: rgba(0, 0, 0, 0.6);
  text-decoration: none;
}
.ph3_link-pager .ph3_prev a:before, .ph3_link-pager .ph3_next a:before {
  position: absolute;
  margin: -9px 0 0 0;
  top: 50%;
}
.ph3_link-pager .ph3_prev {
  left: 0;
}
.ph3_link-pager .ph3_prev a, .ph3_link-pager .ph3_prev span {
  padding-left: 50px;
}
.ph3_link-pager .ph3_prev a:before {
  background-position: -164px -87px;
  width: 11px;
  height: 18px;
  left: 26px;
}
.ph3_link-pager .ph3_next {
  right: 0;
}
.ph3_link-pager .ph3_next a, .ph3_link-pager .ph3_next span {
  padding-right: 50px;
}
.ph3_link-pager .ph3_next a:before {
  background-position: -177px -47px;
  width: 11px;
  height: 18px;
  right: 26px;
}
@media only screen and (max-width: 640px) {
  .ph3_link-pager {
    margin: 0 0 7px;
  }
  .ph3_link-pager .ph3_hdg {
    font-size: 1.4rem;
    padding: 9px 80px;
  }
  .ph3_link-pager .ph3_prev, .ph3_link-pager .ph3_next {
    font-size: 1.1rem;
  }
  .ph3_link-pager .ph3_prev a, .ph3_link-pager .ph3_prev span, .ph3_link-pager .ph3_next a, .ph3_link-pager .ph3_next span {
    padding: 10px 15px;
  }
  .ph3_link-pager .ph3_prev a:before, .ph3_link-pager .ph3_next a:before {
    margin: -5.625px 0 0 0;
  }
  .ph3_link-pager .ph3_prev a, .ph3_link-pager .ph3_prev span {
    padding-left: 30px;
  }
  .ph3_link-pager .ph3_prev a:before {
    width: 6.87px;
    height: 11.25px;
    background-position: -102.5px -54.38px;
    background-size: 121.25px auto;
    left: 15px;
  }
  .ph3_link-pager .ph3_next a, .ph3_link-pager .ph3_next span {
    padding-right: 30px;
  }
  .ph3_link-pager .ph3_next a:before {
    width: 6.87px;
    height: 11.25px;
    background-position: -110.63px -29.38px;
    background-size: 121.25px auto;
    right: 15px;
  }
}

/* .ph3_link-select-time
----------------------------------------------- */
.ph3_link-select-time {
  margin: 0 0 26px;
}
.ph3_link-select-time > li {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-bottom: 5px;
}
.ph3_link-select-time a {
  color: #fff;
}
.ph3_link-select-time a:hover, .ph3_link-select-time a:active, .ph3_link-select-time a:focus {
  text-decoration: none;
}
.ph3_link-select-time a:hover > span, .ph3_link-select-time a:active > span, .ph3_link-select-time a:focus > span {
  border-bottom: 2px solid #fff;
}
.ph3_link-select-time b {
  font-size: 2.2rem;
}
.ph3_link-select-time .ph3_enabled > a {
  border-radius: 4px;
  border: 3px solid transparent;
  background: rgba(0, 0, 0, 0.6);
  padding: 11px;
  display: block;
}
.ph3_link-select-time .ph3_disabled > span {
  border-radius: 4px;
  border: 3px solid transparent;
  background: rgba(61, 61, 61, 0.6);
  color: #827c7b;
  padding: 11px;
  display: block;
}
.ph3_link-select-time .ph3_is-selected > a {
  border-color: #ed1c24;
}
.ph3_link-select-time[data-link-col="6"] {
  margin-left: -0.48%;
}
.ph3_link-select-time[data-link-col="6"] > li {
  float: left;
  width: 16.13%;
  margin-left: 0.48%;
}
.ph3_link-select-time[data-link-col="6"] > li:nth-child(6n+1) {
  clear: both;
}
.ph3_link-select-time[data-link-col="8"] {
  margin-left: -0.48%;
}
.ph3_link-select-time[data-link-col="8"] > li {
  float: left;
  width: 11.95%;
  margin-left: 0.48%;
}
.ph3_link-select-time[data-link-col="8"] > li:nth-child(8n+1) {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .ph3_link-select-time {
    margin: 0 0 15px;
  }
  .ph3_link-select-time > li {
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .ph3_link-select-time b {
    font-size: 1.4rem;
  }
  .ph3_link-select-time .ph3_enabled > a {
    border-width: 2px;
    padding: 8px;
  }
  .ph3_link-select-time .ph3_disabled > span {
    padding: 8px;
  }
  .ph3_link-select-time[data-link-col="6"] {
    margin-left: -3.44%;
  }
  .ph3_link-select-time[data-link-col="6"] > li {
    float: left;
    width: 30%;
    margin-left: 3.33%;
  }
  .ph3_link-select-time[data-link-col="6"] > li:nth-child(3n+1) {
    clear: both;
  }
  .ph3_link-select-time[data-link-col="8"] {
    margin-left: -3.44%;
  }
  .ph3_link-select-time[data-link-col="8"] > li {
    float: left;
    width: 21.66%;
    margin-left: 3.33%;
  }
  .ph3_link-select-time[data-link-col="8"] > li:nth-child(4n+1) {
    clear: both;
  }
}

/* .ph3_link-btn-order
----------------------------------------------- */
.ph3_link-btn-order {
  font-size: 2rem;
  margin: 0 0 38px -1.46%;
}
.ph3_link-btn-order > li {
  float: left;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0 0 0 1.44%;
  padding: 0 1.34% 0 0;
  position: relative;
}
.ph3_link-btn-order > li:before {
  position: absolute;
  top: 50%;
  left: 0;
}
.ph3_link-btn-order > li:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}
.ph3_link-btn-order > .ph3_delivery {
  width: 31.85%;
  padding-left: 56px;
}
.ph3_link-btn-order > .ph3_delivery:before {
  background-position: 0px -78px;
  width: 47px;
  height: 35px;
  margin: -17.5px 0 0;
}
.ph3_link-btn-order > .ph3_order {
  width: 31.85%;
  padding-left: 56px;
}
.ph3_link-btn-order > .ph3_order:before {
  background-position: -72px 0px;
  width: 47px;
  height: 47px;
  margin: -23.5px 0 0;
}
.ph3_link-btn-order > .ph3_takeout {
  width: 31.95%;
  padding-left: 50px;
}
.ph3_link-btn-order > .ph3_takeout:before {
  background-position: -121px 0px;
  width: 41px;
  height: 45px;
  margin: -22.5px 0 0;
}
.ph3_link-btn-order .ph3_btn {
  width: 100%;
  padding: 10px;
}
@media only screen and (max-width: 640px) {
  .ph3_link-btn-order {
    margin: 0 0 20px;
  }
  .ph3_link-btn-order > li {
    clear: both;
    border: 0;
    font-size: 1.4rem;
    margin: 0 0 10px;
    padding-right: 0;
    display: block;
  }
  .ph3_link-btn-order > .ph3_delivery, .ph3_link-btn-order > .ph3_order, .ph3_link-btn-order > .ph3_takeout {
    width: 100%;
    padding-left: 50px;
  }
  .ph3_link-btn-order > .ph3_delivery:before {
    width: 31.33px;
    height: 23.33px;
    background-position: 0px -52px;
    background-size: 129.33px auto;
    margin: -11.66667px 0 0;
  }
  .ph3_link-btn-order > .ph3_order:before {
    width: 31.33px;
    height: 31.33px;
    background-position: -48px 0px;
    background-size: 129.33px auto;
    margin: -15.66667px 0 0;
  }
  .ph3_link-btn-order > .ph3_takeout:before {
    width: 27.33px;
    height: 30px;
    background-position: -80.67px 0px;
    background-size: 129.33px auto;
    margin: -15px 0 0;
  }
}

/* .ph3_link-tab
----------------------------------------------- */
.ph3_link-tab {
  width: 100%;
  max-width: 1024px;
  background: rgba(0, 0, 0, 0.6);
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 auto 39px;
}
.ph3_link-tab li {
  float: left;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
}
.ph3_link-tab li:first-child {
  border-left: 0;
}
.ph3_link-tab li > a {
  border-bottom: 3px solid transparent;
  color: #fff;
  padding: 14px 10px 10px;
  display: block;
  -webkit-transition: border-bottom-color 0.2s ease-out;
  transition: border-bottom-color 0.2s ease-out;
}
.ph3_link-tab li > a:hover, .ph3_link-tab li > a:active, .ph3_link-tab li > a:focus {
  border-bottom-color: #ed1c24;
  text-decoration: none;
}
.ph3_link-tab .ph3_is-current > a {
  border-bottom-color: #ed1c24;
}
.ph3_link-tab[data-tab-number="3"] li {
  width: 33.3%;
}
.ph3_link-tab[data-tab-number="3"] li:nth-child(3n+1) {
  width: 33.39%;
}
@media only screen and (max-width: 640px) {
  .ph3_link-tab {
    font-size: 1.4rem;
    margin-bottom: 35px;
  }
  .ph3_link-tab li > a {
    padding: 13px 10px 8px;
  }
}

/* .ph3_link-tab-02
----------------------------------------------- */
.ph3_link-tab-02 {
  width: 100%;
  max-width: 1024px;
  background: rgba(0, 0, 0, 0.6);
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 auto 26px;
}
.ph3_link-tab-02 li {
  float: left;
  text-align: center;
}
.ph3_link-tab-02 li > a, .ph3_link-tab-02 li > span {
  height: 100%;
  border-bottom: 3px solid transparent;
  padding: 14px 10px 10px;
  display: block;
}
.ph3_link-tab-02 li > a {
  color: #fff;
  -webkit-transition: border-bottom-color 0.2s ease-out;
  transition: border-bottom-color 0.2s ease-out;
}
.ph3_link-tab-02 li > a:hover, .ph3_link-tab-02 li > a:active, .ph3_link-tab-02 li > a:focus {
  border-bottom-color: #ed1c24;
  text-decoration: none;
}
.ph3_link-tab-02 li > span {
  color: #827c7b;
}
.ph3_link-tab-02 .ph3_is-current > a {
  border-bottom-color: #ed1c24;
}
.ph3_link-tab-02[data-tab-number="10"] li {
  width: 9.96%;
}
@media only screen and (max-width: 640px) {
  .ph3_link-tab-02 {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
  .ph3_link-tab-02 li > a, .ph3_link-tab-02 li > span {
    padding: 13px 10px 8px;
  }
  .ph3_link-tab-02[data-tab-number="10"] li {
    width: 20%;
  }
  .ph3_link-tab-02[data-tab-number="10"] li:nth-child(5n+1) {
    clear: both;
  }
  .ph3_link-tab-02[data-tab-number="10"] li:nth-child(-n+5) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}

/* .ph3_link-list-refine
----------------------------------------------- */
.ph3_link-list-refine {
  margin: 0;
}
.ph3_link-list-refine > li {
  border-top: 1px solid #413e3e;
  margin: 0;
}
.ph3_link-list-refine > li:first-child {
  border-top: 0;
}
.ph3_link-list-refine > li a {
  height: 100%;
  padding: 10px 14px;
  display: block;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.ph3_link-list-refine > li a:hover, .ph3_link-list-refine > li a:active, .ph3_link-list-refine > li a:focus {
  background: #ed1c24;
  text-decoration: none;
}
.ph3_link-list-refine > li.ph3_is-current > a {
  background: #ed1c24;
}
.ph3_genre .ph3_link-list-refine {
  width: 100%;
}
.ph3_genre .ph3_link-list-refine > li {
  float: left;
  width: 160px;
  border-top: 1px solid #413e3e;
  border-left: 1px solid #413e3e;
}
.ph3_genre .ph3_link-list-refine > li:nth-child(3n+1) {
  clear: both;
  border-left: 0;
}
.ph3_genre .ph3_link-list-refine > li:nth-child(-n+3) {
  border-top: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_link-list-refine > li a {
    padding: 12px 10px 12px 20px;
  }
  .ph3_genre .ph3_link-list-refine > li {
    width: 50%;
  }
  .ph3_genre .ph3_link-list-refine > li:nth-child(3n+1) {
    clear: none;
    border-left: 1px solid #413e3e;
  }
  .ph3_genre .ph3_link-list-refine > li:nth-child(2n+1) {
    clear: both;
    border-left: 0;
  }
  .ph3_genre .ph3_link-list-refine > li:nth-child(-n+3) {
    border-top: 1px solid #413e3e;
  }
  .ph3_genre .ph3_link-list-refine > li:nth-child(-n+2) {
    border-top: 0;
  }
}

/* .ph3_link-pagetop
----------------------------------------------- */
.ph3_link-pagetop {
  font-size: 1.2rem;
  text-align: right;
  margin: 0 0 26px;
}
.ph3_link-pagetop a {
  padding-right: 16px;
  position: relative;
  display: inline-block;
  color: #fff;
}
.ph3_link-pagetop a:before {
  background-position: -184px -67px;
  width: 10px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3.5px;
}
@media only screen and (max-width: 640px) {
  .ph3_link-pagetop {
    font-size: 1.1rem;
    margin: 0 0 15px;
  }
}

/* ----------------------------------------------------------------
    Buttons
----------------------------------------------------------------- */
/* .ph3_btn
----------------------------------------------- */
.ph3_btn {
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.ph3_btn:hover, .ph3_btn:active, .ph3_btn:focus {
  text-decoration: none;
}
.ph3_btn.ph3_red {
  background: #ed1c24;
}
.ph3_btn.ph3_red:hover, .ph3_btn.ph3_red:active, .ph3_btn.ph3_red:focus {
  background: #c61017;
}
.ph3_btn.ph3_red.ph3_is-disabled {
  background: #b26b6d;
  color: #ccc;
  cursor: default;
}
.ph3_btn.ph3_gray {
  background: #827c7b;
}
.ph3_btn.ph3_gray:hover, .ph3_btn.ph3_gray:active, .ph3_btn.ph3_gray:focus {
  background: #686362;
}
.ph3_btn.ph3_gray.ph3_is-disabled {
  background: #a6a6a6;
  color: #ccc;
  cursor: default;
}
.ph3_btn.ph3_large {
  font-size: 2.6rem;
  padding: 16px 10px 15px;
}
.ph3_btn.ph3_middle {
  font-size: 2rem;
  padding: 10px 26px;
}
.ph3_btn.ph3_small {
  font-size: 1.6rem;
  padding: 8px 26px;
}
.ph3_btn.ph3_mini {
  font-size: 1.4rem;
  padding: 4px 10px;
}
.ph3_btn.ph3_btn-w-fix {
  width: 360px;
}
@media only screen and (max-width: 640px) {
  .ph3_btn.ph3_large {
    font-size: 1.6rem;
    padding: 12px 10px;
  }
  .ph3_btn.ph3_middle {
    font-size: 1.4rem;
    padding: 10px 10px;
  }
  .ph3_btn.ph3_small {
    font-size: 1.4rem;
    padding: 6px 10px;
  }
  .ph3_btn.ph3_mini {
    font-size: 1.1rem;
    padding: 7px 10px;
  }
  .ph3_btn.ph3_btn-w-fix {
    width: 100%;
  }
}

/* .ph3_btn-list
----------------------------------------------- */
.ph3_btn-list > li {
  margin-bottom: 6px;
}
.ph3_btn-list > li a {
  padding: 9px 5px 5px;
  display: block;
}
.ph3_btn-list[data-grid-col="2"] {
  margin-left: -2.06%;
}
.ph3_btn-list[data-grid-col="2"] > li {
  float: left;
  width: 47.97%;
  margin-left: 2.02%;
}
.ph3_btn-list[data-grid-col="2"] > li:nth-child(2n+1) {
  clear: both;
}
/* #33770 START */
@media only screen and (max-width: 400px) {
	.ph3_btn.ph3_small_hut {
	    font-size: 1.2rem;
	    padding: 7.5px 2px;
	}
}
/* #33770 END */

/* .ph3_btn-list-02
----------------------------------------------- */
.ph3_btn-list-02 > li {
  margin: 0 10px 0 0;
  display: inline-block;
}
.ph3_btn-list-02 > li:last-child {
  margin-right: 0;
}

/* .ph3_btn-status
----------------------------------------------- */
.ph3_btn-status {
  width: 181px;
  border-radius: 4px;
  background: #000;
  color: #aeaeae;
  font-size: 1.4rem;
  padding: 14px;
  display: inline-block;
}
.ph3_btn-status p {
  text-align: center;
  margin: 0;
}
.ph3_btn-status span {
  font-weight: bold;
  margin: 0 14px 0 0;
}
.ph3_btn-status .ph3_btn {
  width: 83px;
}
@media only screen and (max-width: 640px) {
  .ph3_btn-status {
    width: 100%;
    font-size: 0;
    padding: 10px;
  }
  .ph3_btn-status span, .ph3_btn-status .ph3_btn {
    width: 50%;
    font-size: 1.2rem;
  }
  .ph3_btn-status span {
    margin: 0;
    display: inline-block;
  }
}

/* .ph3_btn-close
----------------------------------------------- */
.ph3_btn-close {
  width: 12px;
  height: 13px;
  margin: 0;
}
.ph3_btn-close button {
  width: 100%;
  height: 100%;
  position: relative;
}
.ph3_btn-close button:after {
  background-position: -177px -87px;
  width: 12px;
  height: 13px;
  position: absolute;
  top: 0;
  right: 0;
}
.ph3_btn-close span {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.ph3_dialog .ph3_btn-close, .ph3_dialog-order .ph3_btn-close {
  position: absolute;
  top: 13px;
  right: 14px;
}

@media only screen and (max-width: 640px) {
  .ph3_dialog .ph3_btn-close {
    top: 10px;
  }
}

/*
 * Contents Image Modal
 */
.ph3_btn-image_modal_close {
  width: 40px;
  height: 40px;
  margin: 0;
  background-image: url(/phdocs/images/com/ph3_image-mocal_close.png);
  right: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.ph3_btn-image_modal_close button {
  width: 100%;
  height: 100%;
  position: relative;
}
.ph3_btn-image_modal_close span {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.ph3_dialog .ph3_btn-image_modal_close {
  position: absolute;
  top: 13px;
  right: 14px;
}
.ph3_btn-image_modal_close ~ .ph3_dialog-contents-wrapper {
	overflow: visible;
	overflow-x: visible;
}
#ph3_image_contents_modal  .ph3_dialog-contents-wrapper {
	margin-right: 18px;
	margin-top: 18px;
}

/* ----------------------------------------------------------------
    Grid
----------------------------------------------------------------- */
/* .ph3_grid
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .ph3_grid > .ph3_grid-col:last-child {
    margin-bottom: 0 !important;
  }
}

/* .ph3_grid[data-grid-col="2"]
----------------------------------------------- */
.ph3_grid[data-grid-col="2"] {
  margin-left: -2.05%;
}
.ph3_grid[data-grid-col="2"] > .ph3_grid-col {
  float: left;
  width: 47.98%;
  margin-left: 2.01%;
}
.ph3_grid[data-grid-col="2"] > .ph3_grid-col:nth-child(2n+1) {
  clear: both;
}
.ph3_lyt-top-bnr .ph3_grid[data-grid-col="2"] {
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_lyt-top-bnr .ph3_grid[data-grid-col="2"] > .ph3_grid-col {
    margin-bottom: 20px;
  }
  .ph3_lyt-top-bnr .ph3_grid[data-grid-col="2"] > .ph3_grid-col img {
    width: 100%;
  }
}

/* .ph3_grid[data-grid-col="3"]
----------------------------------------------- */
.ph3_grid[data-grid-col="3"] {
  margin-left: -2.53%;
}
.ph3_grid[data-grid-col="3"] > .ph3_grid-col {
  float: left;
  width: 30.85%;
  margin-left: 2.47%;
}
.ph3_grid[data-grid-col="3"] > .ph3_grid-col:nth-child(3n+1) {
  clear: both;
}
.ph3_grid[data-grid-col="3"] > .ph3_grid-col {
  margin-bottom: 26px;
}
@media only screen and (max-width: 640px) {
  .ph3_grid[data-grid-col="3"] > .ph3_grid-col {
    margin-bottom: 10px;
  }
}

/* .ph3_grid.ph3_security-code
----------------------------------------------- */
.ph3_grid.ph3_security-code {
  margin-left: -7.32484%;
}
.ph3_grid.ph3_security-code > .ph3_grid-col {
  float: left;
  margin-left: 6.82493%;
}
.ph3_grid.ph3_security-code > .ph3_grid-col.ph3_wide {
  width: 57.4184%;
}
.ph3_grid.ph3_security-code > .ph3_grid-col.ph3_narrow {
  width: 28.93175%;
}
@media only screen and (max-width: 640px) {
  .ph3_grid.ph3_security-code {
    margin-left: 0;
  }
  .ph3_grid.ph3_security-code > .ph3_grid-col {
    clear: both;
    height: auto !important;
    margin-left: 0;
  }
  .ph3_grid.ph3_security-code > .ph3_grid-col.ph3_wide, .ph3_grid.ph3_security-code > .ph3_grid-col.ph3_narrow {
    width: 100%;
  }
  .ph3_grid.ph3_security-code > .ph3_grid-col.ph3_wide .ph3_media img {
    max-width: 200px;
  }
  .ph3_grid.ph3_security-code > .ph3_grid-col.ph3_narrow .ph3_media img {
    max-width: 90px;
  }
  .ph3_grid.ph3_security-code .ph3_media, .ph3_grid.ph3_security-code .ph3_caption {
    text-align: left;
  }
}
@media only screen and (max-width: 290px) {
  .ph3_grid.ph3_security-code > .ph3_grid-col.ph3_wide .ph3_media img, .ph3_grid.ph3_security-code > .ph3_grid-col.ph3_narrow .ph3_media img {
    max-width: 100%;
  }
}

/* .ph3_grid.ph3_goods
----------------------------------------------- */
.ph3_grid.ph3_goods {
  width: 100%;
  display: table;
}
.ph3_grid.ph3_goods > .ph3_grid-col {
  vertical-align: middle;
  margin-left: 2.60521%;
  display: table-cell;
}
.ph3_grid.ph3_goods > .ph3_grid-col.ph3_wide {
  width: 74.0481%;
}
.ph3_grid.ph3_goods > .ph3_grid-col.ph3_wide .ph3_lyt-media {
  margin-bottom: 0;
}
.ph3_grid.ph3_goods > .ph3_grid-col.ph3_narrow {
  width: 20.74148%;
  text-align: right;
}
@media only screen and (max-width: 770px) {
  .ph3_grid.ph3_goods {
    display: block;
  }
  .ph3_grid.ph3_goods > .ph3_grid-col {
    margin-left: 0;
    display: block;
  }
  .ph3_grid.ph3_goods > .ph3_grid-col.ph3_wide, .ph3_grid.ph3_goods > .ph3_grid-col.ph3_narrow {
    width: 100%;
  }
  .ph3_grid.ph3_goods > .ph3_grid-col.ph3_wide .ph3_lyt-media {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_grid.ph3_goods > .ph3_grid-col.ph3_narrow {
    text-align: center;
  }
}

/* .ph3_grid.ph3_shop-detail
----------------------------------------------- */
.ph3_grid.ph3_shop-detail {
  margin: 0 0 45px -2.53906%;
}
.ph3_grid.ph3_shop-detail > .ph3_grid-col {
  float: left;
  margin-left: 2.47619%;
}
.ph3_grid.ph3_shop-detail > .ph3_grid-col.ph3_wide {
  width: 66.66667%;
}
.ph3_grid.ph3_shop-detail > .ph3_grid-col.ph3_narrow {
  width: 28.38095%;
}
.ph3_grid.ph3_shop-detail .ph3_tbl {
  margin-bottom: 0;
}
@media only screen and (max-width: 1040px) {
  .ph3_grid.ph3_shop-detail > .ph3_grid-col.ph3_wide {
    padding-left: 20px;
  }
  .ph3_grid.ph3_shop-detail > .ph3_grid-col.ph3_narrow {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 950px) {
  .ph3_grid.ph3_shop-detail {
    margin-left: 0;
  }
  .ph3_grid.ph3_shop-detail > .ph3_grid-col {
    clear: both;
    height: auto !important;
    margin-left: 0;
  }
  .ph3_grid.ph3_shop-detail > .ph3_grid-col.ph3_wide, .ph3_grid.ph3_shop-detail > .ph3_grid-col.ph3_narrow {
    width: 100%;
  }
  .ph3_grid.ph3_shop-detail > .ph3_grid-col.ph3_wide {
    padding-left: 0;
  }
  .ph3_grid.ph3_shop-detail > .ph3_grid-col.ph3_narrow {
    padding: 0 20px;
  }
  .ph3_grid.ph3_shop-detail .ph3_tbl {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_grid.ph3_shop-detail {
    margin: 0 0 20px;
  }
  .ph3_grid.ph3_shop-detail > .ph3_grid-col {
    clear: both;
    height: auto !important;
    margin-left: 0;
  }
  .ph3_grid.ph3_shop-detail > .ph3_grid-col.ph3_wide, .ph3_grid.ph3_shop-detail > .ph3_grid-col.ph3_narrow {
    width: 100%;
  }
  .ph3_grid.ph3_shop-detail > .ph3_grid-col.ph3_narrow {
    padding: 0 15px;
  }
  .ph3_grid.ph3_shop-detail .ph3_tbl {
    margin-bottom: 20px;
  }
}

/* .ph3_grid(sp)
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .ph3_grid[data-grid-col="2"],
  .ph3_grid[data-grid-col="3"],
  .ph3_grid[data-grid-col="4"] {
    margin-left: 0;
  }
  .ph3_grid[data-grid-col="2"] > .ph3_grid-col,
  .ph3_grid[data-grid-col="3"] > .ph3_grid-col,
  .ph3_grid[data-grid-col="4"] > .ph3_grid-col {
    clear: both;
    width: 100%;
    height: auto !important;
    margin-left: 0;
  }
}

/* ----------------------------------------------------------------
    Panels
----------------------------------------------------------------- */
/* .ph3_panel
----------------------------------------------- */
.ph3_panel {
  background: rgba(0, 0, 0, 0.3);
  margin: 0 0 14px;
  padding: 23px 26px;
}
.ph3_panel > :last-child {
  margin-bottom: 0;
}
.ph3_panel.ph3_panel-interval {
  margin-bottom: 40px;
}
.ph3_panel.ph3_lyt-postal-code {
  letter-spacing: -.40em;
  margin-bottom: 45px;
}
.ph3_panel.ph3_lyt-postal-code .ph3_form-postal-code, .ph3_panel.ph3_lyt-postal-code .ph3_list-notice {
  vertical-align: top;
  letter-spacing: normal;
  display: inline-block;
}
.ph3_panel.ph3_lyt-postal-code .ph3_form-postal-code {
  margin: 0 26px 5px 0;
}
@media only screen and (max-width: 640px) {
  .ph3_panel {
    margin: 0 0 10px;
    padding: 15px;
  }
  .ph3_panel.ph3_panel-interval {
    margin-bottom: 20px;
  }
  .ph3_panel.ph3_lyt-postal-code {
    margin-bottom: 25px;
  }
  .ph3_panel.ph3_lyt-postal-code .ph3_form-postal-code {
    margin: 0 0 13px;
  }
  .ph3_panel.ph3_lyt-postal-code .ph3_form-postal-code .ph3_postal-code-input {
    margin-top: 3px;
  }
}

/* .ph3_panel-02
----------------------------------------------- */
.ph3_panel-02 {
  background: #e6e6e6;
  color: #222;
  margin: 0 0 15px;
  padding: 10px 14px;
}
.ph3_panel-02 a {
  color: #ed1c24;
}
.ph3_panel-02 > :last-child {
  margin-bottom: 0;
}

/* .ph3_panel-03
----------------------------------------------- */
.ph3_panel-03 {
  background: #000;
  margin: 0 0 15px;
  padding: 26px;
}
.ph3_panel-03 > :last-child {
  margin-bottom: 0;
}
.ph3_panel-03.ph3_lyt-total {
  margin: 40px 0 50px;
}
@media only screen and (max-width: 640px) {
  .ph3_panel-03 {
    margin: 0 0 20px;
    padding: 15px;
  }
  .ph3_panel-03.ph3_lyt-total {
    margin: 20px 0 30px;
  }
}

/* .ph3_panel-04
----------------------------------------------- */
.ph3_panel-04 {
  border-radius: 4px;
  background: #000;
  margin: 0 0 15px;
  padding: 24px 26px;
}
.ph3_panel-04 > :last-child {
  margin-bottom: 0;
}
.ph3_panel-04.ph3_lyt-total {
  margin: 38px 0;
}
.ph3_panel-04.ph3_lyt-total .ph3_btn-list-02, .ph3_panel-04.ph3_lyt-total .ph3_list-def-paymaster {
  margin: 0;
}
.ph3_panel-04.ph3_lyt-total .ph3_btn-list-02 {
  float: left;
}
.ph3_panel-04.ph3_lyt-total .ph3_list-def-paymaster {
  float: right;
  text-align: right;
}
.ph3_panel-04.ph3_lyt-total .ph3_list-def-paymaster > dt, .ph3_panel-04.ph3_lyt-total .ph3_list-def-paymaster > dd {
  float: none;
  vertical-align: text-top;
  display: inline-block;
}
.ph3_panel-04.ph3_lyt-total .ph3_list-def-paymaster > dt {
  margin: 0 26px 0 0;
}
.ph3_panel-04.ph3_lyt-total-confirm, .ph3_panel-04.ph3_lyt-total-quantity {
  margin: 38px 0 50px;
}
.ph3_panel-04.ph3_lyt-total-confirm .ph3_quantity, .ph3_panel-04.ph3_lyt-total-confirm .ph3_list-def-paymaster, .ph3_panel-04.ph3_lyt-total-confirm .ph3_btn-list-02, .ph3_panel-04.ph3_lyt-total-quantity .ph3_quantity, .ph3_panel-04.ph3_lyt-total-quantity .ph3_list-def-paymaster, .ph3_panel-04.ph3_lyt-total-quantity .ph3_btn-list-02 {
  margin: 0;
}
.ph3_panel-04.ph3_lyt-total-confirm .ph3_quantity, .ph3_panel-04.ph3_lyt-total-quantity .ph3_quantity {
  float: left;
  border-right: 5px solid rgba(255, 255, 255, 0.2);
  margin-right: 36px;
  padding: 7px 38px 7px 13px;
}
.ph3_panel-04.ph3_lyt-total-confirm .ph3_quantity select, .ph3_panel-04.ph3_lyt-total-quantity .ph3_quantity select {
  margin-left: 12px;
}
.ph3_panel-04.ph3_lyt-total-confirm .ph3_list-def-paymaster, .ph3_panel-04.ph3_lyt-total-quantity .ph3_list-def-paymaster {
  float: left;
  margin-top: 5px;
}
.ph3_panel-04.ph3_lyt-total-confirm .ph3_list-def-paymaster > dt, .ph3_panel-04.ph3_lyt-total-confirm .ph3_list-def-paymaster > dd, .ph3_panel-04.ph3_lyt-total-quantity .ph3_list-def-paymaster > dt, .ph3_panel-04.ph3_lyt-total-quantity .ph3_list-def-paymaster > dd {
  vertical-align: text-top;
  display: inline-block;
}
.ph3_panel-04.ph3_lyt-total-confirm .ph3_list-def-paymaster > dt, .ph3_panel-04.ph3_lyt-total-quantity .ph3_list-def-paymaster > dt {
  margin: 0 26px 0 0;
}
.ph3_panel-04.ph3_lyt-total-confirm .ph3_btn-list-02, .ph3_panel-04.ph3_lyt-total-quantity .ph3_btn-list-02 {
  float: right;
}
.ph3_panel-04.ph3_lyt-coupon {
  padding: 26px;
  display: inline-block;
}
@media only screen and (max-width: 900px) {
  .ph3_panel-04.ph3_lyt-total .ph3_btn-list-02, .ph3_panel-04.ph3_lyt-total .ph3_list-def-paymaster {
    float: none;
    text-align: center;
  }
  .ph3_panel-04.ph3_lyt-total .ph3_btn-list-02 {
    margin-bottom: 20px;
  }
  .ph3_panel-04.ph3_lyt-total-quantity {
    text-align: center;
  }
  .ph3_panel-04.ph3_lyt-total-quantity .ph3_quantity, .ph3_panel-04.ph3_lyt-total-quantity .ph3_list-def-paymaster {
    float: none;
    vertical-align: middle;
    display: inline-block;
  }
  .ph3_panel-04.ph3_lyt-total-quantity .ph3_btn-list-02 {
    float: none;
    margin-top: 15px;
    display: block;
  }
}
@media only screen and (max-width: 700px) {
  .ph3_panel-04.ph3_lyt-total-confirm {
    text-align: center;
  }
  .ph3_panel-04.ph3_lyt-total-confirm .ph3_quantity, .ph3_panel-04.ph3_lyt-total-confirm .ph3_list-def-paymaster {
    float: none;
    vertical-align: middle;
    display: inline-block;
  }
  .ph3_panel-04.ph3_lyt-total-confirm .ph3_btn-list-02 {
    float: none;
    margin-top: 15px;
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_panel-04 {
    border-radius: 0;
    margin: 0 0 20px;
    padding: 15px;
  }
  .ph3_panel-04.ph3_lyt-total {
    margin: 20px 0;
  }
  .ph3_panel-04.ph3_lyt-total .ph3_btn-list-02 {
    margin-bottom: 0;
  }
  .ph3_panel-04.ph3_lyt-total .ph3_btn-list-02 > li {
    margin: 0 0 15px;
    display: block;
  }
  .ph3_panel-04.ph3_lyt-total .ph3_list-def-paymaster > dt {
    margin-right: 13px;
  }
  .ph3_panel-04.ph3_lyt-total-confirm, .ph3_panel-04.ph3_lyt-total-quantity {
    text-align: center;
    margin: 20px 0;
  }
  .ph3_panel-04.ph3_lyt-total-confirm .ph3_quantity, .ph3_panel-04.ph3_lyt-total-confirm .ph3_btn-list-02, .ph3_panel-04.ph3_lyt-total-quantity .ph3_quantity, .ph3_panel-04.ph3_lyt-total-quantity .ph3_btn-list-02 {
    display: block;
  }
  .ph3_panel-04.ph3_lyt-total-confirm .ph3_quantity, .ph3_panel-04.ph3_lyt-total-quantity .ph3_quantity {
    border-right: 0;
    border-bottom: 5px solid rgba(255, 255, 255, 0.2);
    margin: 0 0 15px;
    padding: 0 0 15px;
  }
  .ph3_panel-04.ph3_lyt-total-confirm .ph3_quantity select, .ph3_panel-04.ph3_lyt-total-quantity .ph3_quantity select {
    margin-left: 8px;
  }
  .ph3_panel-04.ph3_lyt-total-confirm .ph3_list-def-paymaster > dt, .ph3_panel-04.ph3_lyt-total-quantity .ph3_list-def-paymaster > dt {
    margin-right: 20px;
  }
  .ph3_panel-04.ph3_lyt-total-confirm .ph3_btn-list-02 > li, .ph3_panel-04.ph3_lyt-total-quantity .ph3_btn-list-02 > li {
    margin: 0;
    display: block;
  }
  .ph3_panel-04.ph3_lyt-coupon {
    border-radius: 4px;
    padding: 10px;
    display: block;
  }
}

/* .ph3_panel-hut-day
----------------------------------------------- */
.ph3_panel-hut-day {
  background: rgba(0, 0, 0, 0.9);
  margin: 0 0 22px;
  position: relative;
}
.ph3_panel-hut-day:before {
  background-position: 0px 0px;
  width: 70px;
  height: 76px;
  position: absolute;
  right: 14px;
  bottom: 14px;
}
.ph3_panel-hut-day > .ph3_panel-inner {
  padding: 24px 26px;
}
.ph3_panel-hut-day > .ph3_panel-inner > :last-child {
  margin-bottom: 0;
}
.ph3_panel-hut-day .ph3_panel-hdg {
  color: #d6a36a;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  padding: 12px 0 0;
}
@media only screen and (max-width: 950px) {
  .ph3_panel-hut-day {
    width: 100%;
    display: table;
  }
  .ph3_panel-hut-day:before {
    width: 50px;
    height: 54.28px;
    background-position: 0px 0px;
    background-size: 138.57px auto;
  }
  .ph3_panel-hut-day > .ph3_panel-inner, .ph3_panel-hut-day .ph3_panel-hdg {
    vertical-align: middle;
    display: table-cell;
  }
  .ph3_panel-hut-day .ph3_panel-hdg {
    width: 140px;
    background: #d6a36a;
    color: #000;
    font-size: 1.6rem;
    padding: 0 12px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_panel-hut-day {
    min-height: 115px;
    margin: 0 0 18px;
    display: block;
  }
  .ph3_panel-hut-day > .ph3_panel-inner, .ph3_panel-hut-day .ph3_panel-hdg {
    display: block;
  }
  .ph3_panel-hut-day > .ph3_panel-inner {
    padding: 15px;
  }
  .ph3_panel-hut-day > .ph3_panel-inner:before {
    right: 15px;
    bottom: 15px;
  }
  .ph3_panel-hut-day .ph3_panel-hdg {
    width: 100%;
    font-size: 1.4rem;
    padding: 8px 0;
  }
}

/* .ph3_panel-quantity
----------------------------------------------- */
.ph3_panel-quantity {
  text-align: center;
  margin: 38px 0;
}
.ph3_panel-quantity .ph3_quantity {
  border-radius: 4px;
  background: #000;
  padding: 14px 26px;
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  .ph3_panel-quantity {
    margin: 17px 0 20px;
  }
  .ph3_panel-quantity .ph3_quantity {
    width: 100%;
    border-radius: 0;
    padding: 15px;
    display: block;
  }
}

/* .ph3_panel-attention
----------------------------------------------- */
.ph3_panel-attention {
  padding-left: 60px;
  position: relative;
  border: 2px solid rgba(237, 28, 36, 0.6);
  background: rgba(0, 0, 0, 0.6);
  margin: 0 0 15px;
  padding: 14px 20px 12px 80px;
}
.ph3_panel-attention:before {
  background-position: -49px -78px;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 14px;
  left: 20px;
}
/* #27440 >> */
.ph3_panel-attention ul {
	margin-left: 60px;
}
/* << #27440 */
.ph3_panel-attention > :last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_panel-attention {
    margin: 0 0 20px;
    padding: 9px 10px 9px 48px;
  }
  .ph3_panel-attention:before {
    width: 25.38px;
    height: 25.38px;
    background-position: -37.7px -60px;
    background-size: 149.23px auto;
    top: 10px;
    left: 10px;
  }
}
.ph3_list-attention > li {
	padding-left: 1em;
	text-indent: -1em;
}

/* << #40005 START */
.ph3_attention-drink > .ph3_hdg-l3-02 {
  font-size: 1.8rem;
}
.ph3_attention-drink > .ph3_list-attention > li {
	font-size: 1.8rem;
}

@media only screen and (max-width: 640px) {
	.ph3_attention-drink > .ph3_hdg-l3-02 {
  		font-size: 1.4rem;
	}
	.ph3_attention-drink > .ph3_list-attention > li {
		font-size: 1.4rem;
	}
}
/* << #40005 END */

/* .ph3_panel-overlay
----------------------------------------------- */
.ph3_panel-overlay {
  position: relative;
}
.ph3_panel-overlay .ph3_overlay-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.ph3_panel-overlay .ph3_overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  color: #d9b084;
  display: table;
  padding: 26px;
}
.ph3_panel-overlay .ph3_overlay-inner {
  font-size: 1.6rem;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.ph3_panel-overlay .ph3_overlay-inner > :last-child {
  margin-bottom: 0;
}
.ph3_panel-overlay .ph3_btn-list-02 {
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 640px) {
  .ph3_panel-overlay .ph3_overlay {
    padding: 15px;
  }
  .ph3_panel-overlay .ph3_overlay-inner {
    font-size: 1.4rem;
  }
}

/* .ph3_panel-shopping
----------------------------------------------- */
.ph3_panel-shopping {
  width: 732px;
  background: #000;
  margin: 38px auto 50px;
}
.ph3_panel-shopping > dl {
  width: 100%;
  display: table;
}
.ph3_panel-shopping > dl dt, .ph3_panel-shopping > dl dd {
  vertical-align: middle;
  display: table-cell;
}
.ph3_panel-shopping > dl dt {
  background: #fed75f;
  color: #000;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 6px 13px 4px 25px;
  position: relative;
}
.ph3_panel-shopping > dl dt:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 34px 0 34px 20px;
  border-color: transparent;
  border-left-color: #fed75f;
  position: absolute;
  top: 0;
  right: -20px;
}
.ph3_panel-shopping > dl dd {
  padding: 14px 25px 14px 46px;
}
.ph3_panel-shopping .ph3_btn-list-02 {
  margin: 0;
}
.ph3_panel-shopping .ph3_btn-list-02 li {
  float: left;
  width: 87px;
  margin-right: 14px;
}
.ph3_panel-shopping .ph3_btn-list-02 li .ph3_btn {
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
}
.ph3_panel-shopping .ph3_btn-list-02 li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 750px) {
  .ph3_panel-shopping {
    width: 100%;
  }
  .ph3_panel-shopping > dl dt, .ph3_panel-shopping > dl dd {
    text-align: center;
    display: block;
  }
  .ph3_panel-shopping > dl dt {
    padding: 10px;
  }
  .ph3_panel-shopping > dl dt:before {
    display: none;
  }
  .ph3_panel-shopping > dl dd {
    padding: 15px 5px 0;
  }
  .ph3_panel-shopping .ph3_btn-list-02 {
    font-size: 0;
  }
  .ph3_panel-shopping .ph3_btn-list-02 li {
    float: none;
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_panel-shopping {
    margin: 20px 0 30px;
  }
  .ph3_panel-shopping > dl dt {
    font-size: 1.3rem;
  }
  .ph3_panel-shopping > dl dd {
    padding: 15px 0 0;
  }
  .ph3_panel-shopping .ph3_btn-list-02 li {
    margin: 0 7px 15px;
  }
}

/* .ph3_panel-news
----------------------------------------------- */
.ph3_panel-news {
  background: rgba(0, 0, 0, 0.6);
  margin: 0 0 15px;
  padding: 10px 76px 9px 20px;
  position: relative;
}
.ph3_panel-news > .ph3_panel-hdg, .ph3_panel-news > .ph3_panel-col {
  vertical-align: top;
  display: table-cell;
}
.ph3_panel-news > .ph3_panel-hdg {
  width: 78px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #d1d1d1;
}
.ph3_panel-news > .ph3_panel-col {
  max-width: 798px;
  min-height: 21px;
  border-left: 1px solid #827c7b;
  padding: 0 0 0 20px;
  overflow: hidden;
}
.ph3_panel-news > .ph3_panel-col a {
  color: #fff;
}
.ph3_panel-news .ph3_panel-news-list {
  margin: 0;
  position: relative;
}
.ph3_panel-news .ph3_panel-news-list li {
  width: 100%;
  margin: 10px 0 0;
}
.ph3_panel-news .ph3_panel-news-list > :first-child {
  margin-top: 0;
}
.ph3_panel-news .ph3_panel-hook {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.ph3_panel-news .ph3_panel-hook button {
  width: 76px;
  min-height: 40px;
  background: #000;
}
.ph3_panel-news .ph3_panel-hook button:after {
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  background-position: -180px -120px;
  width: 12px;
  height: 7px;
  margin: 0 0 0 7px;
}
.ph3_panel-news .ph3_toggle-contents {
  overflow: hidden;
}
.ph3_panel-news .ph3_toggle-contents.ph3_is-animate {
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.ph3_panel-news.ph3_is-active .ph3_panel-news-list li {
  -webkit-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.ph3_panel-news.ph3_is-open .ph3_panel-hook button:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.ph3_panel-news.ph3_is-open .ph3_panel-news-list li {
  display: block;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
@media only screen and (max-width: 640px) {
  .ph3_panel-news {
    padding: 10px 0 55px;
  }
  .ph3_panel-news > .ph3_panel-hdg, .ph3_panel-news > .ph3_panel-col {
    display: block;
  }
  .ph3_panel-news > .ph3_panel-hdg {
    width: auto;
    margin: 0 15px 14px;
  }
  .ph3_panel-news > .ph3_panel-hdg span {
    border-bottom: 1px solid #827c7b;
    padding: 0 0 7px;
    display: block;
  }
  .ph3_panel-news > .ph3_panel-col {
    max-width: 100%;
    min-height: 0;
    border-left: 0;
    padding: 0;
  }
  .ph3_panel-news .ph3_toggle-contents-inner {
    padding: 0 15px;
  }
  .ph3_panel-news .ph3_panel-news-list {
    font-size: 1.4rem;
  }
  .ph3_panel-news .ph3_panel-hook {
    width: 100%;
    top: auto;
    bottom: 0;
  }
  .ph3_panel-news .ph3_panel-hook button {
    width: 100%;
  }
}

/* .ph3_panel-map
----------------------------------------------- */
.ph3_panel-map {
  margin: 0 0 38px;
}
.ph3_panel-map .ph3_panel-map-inner {
  height: 0;
  padding: 0 0 39.064%;
  position: relative;
  overflow: hidden;
}
.ph3_panel-map .ph3_map {
  width: 100%;
  height: 100%;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_panel-map {
    margin: 0 0 20px;
  }
  .ph3_panel-map .ph3_panel-map-inner {
    padding: 0 0 68.97%;
  }
}

/* ----------------------------------------------------------------
    Media
----------------------------------------------------------------- */
/* .ph3_media
----------------------------------------------- */
.ph3_media {
  text-align: center;
  margin: 0 0 15px;
}
.ph3_media > img {
  max-width: 100%;
}

/* .ph3_lyt-media, .ph3_lyt-media-sp
----------------------------------------------- */
.ph3_lyt-media, .ph3_lyt-media-sp {
  margin: 0 0 15px;
}
.ph3_lyt-media > .ph3_item, .ph3_lyt-media-sp > .ph3_item {
  text-align: center;
}
.ph3_lyt-media > .ph3_media-col, .ph3_lyt-media-sp > .ph3_media-col {
  overflow: hidden;
}
.ph3_lyt-media > .ph3_media-col > :last-child, .ph3_lyt-media-sp > .ph3_media-col > :last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_lyt-media > .ph3_item, .ph3_lyt-media-sp > .ph3_item {
    width: 36%;
  }
}

/* .ph3_lyt-media[data-media-layout="left"]
----------------------------------------------- */
.ph3_lyt-media[data-media-layout="left"] > .ph3_item {
  float: left;
  margin: 0 40px 0 0;
}

/* .ph3_lyt-media[data-media-layout="right"]
----------------------------------------------- */
.ph3_lyt-media[data-media-layout="right"] > .ph3_item {
  float: right;
  margin: 0 0 0 40px;
}

/* .ph3_lyt-media
----------------------------------------------- */
.ph3_lyt-media.ph3_media-middle > .ph3_item, .ph3_lyt-media.ph3_media-small > .ph3_item, .ph3_lyt-media.ph3_media-tiny > .ph3_item {
  margin-right: 26px;
}
.ph3_lyt-media.ph3_media-large > .ph3_item {
  width: 35.15%;
}
.ph3_lyt-media.ph3_media-middle > .ph3_item {
  width: 270px;
}
.ph3_lyt-media.ph3_media-small > .ph3_item {
  width: 170px;
}
.ph3_lyt-media.ph3_media-tiny > .ph3_item {
  width: 128px;
}
.ph3_lyt-media.ph3_js-equality > .ph3_media-col > .ph3_grid {
  height: 100%;
}
.ph3_lyt-media.ph3_js-equality > .ph3_media-col > .ph3_grid > .ph3_wide {
  vertical-align: top;
}
@media only screen and (max-width: 640px) {
  .ph3_lyt-media[data-sp-layout="break"] > .ph3_item {
    float: none;
    width: 100% !important;
    margin: 0 0 15px;
  }
  .ph3_lyt-media[data-sp-layout="break-lyt-indent"] > .ph3_item {
    float: none;
    width: 100% !important;
    margin: 0 0 15px;
    padding: 0 33px;
  }
  .ph3_lyt-media.ph3_media-middle > .ph3_item, .ph3_lyt-media.ph3_media-small > .ph3_item, .ph3_lyt-media.ph3_media-tiny > .ph3_item {
    width: 36%;
    margin-right: 15px;
  }
  .ph3_lyt-media.ph3_js-equality > .ph3_media-col, .ph3_lyt-media.ph3_js-equality > .ph3_item {
    height: auto !important;
  }
  .ph3_lyt-media.ph3_js-equality > .ph3_media-col > .ph3_grid > .ph3_narrow {
    text-align: right;
  }
}

/* .ph3_lyt-media-sp[data-media-layout="left"]
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .ph3_lyt-media-sp[data-media-layout="left"] > .ph3_item {
    float: left;
    margin: 0 10px 0 0;
  }
}

/* .ph3_lyt-media-sp[data-media-layout="right"]
----------------------------------------------- */
@media only screen and (max-width: 640px) {
  .ph3_lyt-media-sp[data-media-layout="right"] > .ph3_item {
    float: right;
    margin: 0 0 0 10px;
  }
}

/* .ph3_caption
----------------------------------------------- */
.ph3_caption {
  font-size: 1.2rem;
  text-align: center;
  margin: 5px 0;
  display: block;
}

/* .ph3_img-unselected
----------------------------------------------- */
.ph3_img-unselected {
  width: 100%;
  background: url(/phdocs/images/com/ph3_img-pizza.png) 50% 50% no-repeat #000;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 70px 26px;
}
.ph3_img-unselected .ph3_txt {
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  .ph3_img-unselected {
    background-size: 42px auto;
    font-size: 1rem;
    padding: 30px 15px;
  }
}

/* ----------------------------------------------------------------
    Table
----------------------------------------------------------------- */
/* Table Base style
----------------------------------------------- */
table {
  width: 100%;
}
table tr.ph3_ta-c th, table tr.ph3_ta-c td {
  text-align: center !important;
}
table tr.ph3_ta-r th, table tr.ph3_ta-r td {
  text-align: right !important;
}
table tr.ph3_va-t th, table tr.ph3_va-t td {
  vertical-align: top !important;
}
table tr.ph3_va-m th, table tr.ph3_va-m td, table tr.ph3_va-m img {
  vertical-align: middle !important;
}
table tr.ph3_va-b th, table tr.ph3_va-b td, table tr.ph3_va-b img {
  vertical-align: bottom !important;
}
table th, table td {
  word-wrap: break-word;
}
table th > :last-child, table td > :last-child {
  margin-bottom: 0;
}
table th {
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
table td.ph3_ta-c {
  text-align: center !important;
}
table td.ph3_ta-r {
  text-align: right !important;
}
table td.ph3_va-t {
  vertical-align: top !important;
}
table td.ph3_va-m, table td.ph3_va-m img {
  vertical-align: middle !important;
}
table td.ph3_va-b, table td.ph3_va-b img {
  vertical-align: bottom !important;
}
@media only screen and (max-width: 640px) {
  table[data-layout="break"] th, table[data-layout="break"] td {
    width: 100% !important;
    border: 0;
    display: block;
  }
  table[data-layout="break-lyt-btn"] th {
    width: 100% !important;
    border: 0;
    display: block;
  }
  table[data-layout="break-lyt-btn"] td {
    width: 52% !important;
    border: 0;
    display: inline-block;
  }
  table[data-layout="break-lyt-btn"] .ph3_cell-btn {
    width: 45% !important;
  }
}

/* .ph3_tbl
----------------------------------------------- */
.ph3_tbl {
  background: rgba(0, 0, 0, 0.3);
  margin: 0 0 45px;
  padding: 0;
}
.ph3_tbl th, .ph3_tbl thead td {
  background: rgba(0, 0, 0, 0.6);
}
.ph3_tbl th, .ph3_tbl td {
  border-bottom: 1px solid #4d4d4d;
  padding: 11px 26px 10px;
}
.ph3_tbl th {
  font-size: 1.6rem;
}
.ph3_tbl tr:last-child th, .ph3_tbl tr:last-child td {
  border-bottom: 0;
}
.ph3_tbl.ph3_cell-indent-wrap {
  border-collapse: separate;
  overflow: hidden;
}
.ph3_tbl.ph3_cell-indent-wrap .ph3_cell-indent > th, .ph3_tbl.ph3_cell-indent-wrap .ph3_cell-indent > td {
  border-bottom: 0;
}
.ph3_tbl.ph3_cell-indent-wrap .ph3_cell-indent-border {
  position: relative;
}
.ph3_tbl.ph3_cell-indent-wrap .ph3_cell-indent-border:before {
  width: 998px;
  height: 1px;
  background: #4d4d4d;
  position: absolute;
  left: 26px;
  bottom: 0;
  z-index: 1000;
}
.ph3_tbl .ph3_cell-btn {
  width: 192px;
}
.ph3_tbl .ph3_cell-btn .ph3_btn {
  width: 100%;
}
.ph3_tbl .ph3_label {
  margin-left: 10px;
}
@media only screen and (max-width: 640px) {
  .ph3_tbl th {
    font-size: 1.4rem;
    padding: 5px 15px;
  }
  .ph3_tbl td {
    font-size: 1.2rem;
    padding: 12px 15px;
  }
  .ph3_tbl[data-layout="break"] .ph3_cell-btn {
    width: 100% !important;
    text-align: center;
    padding-top: 0;
  }
  .ph3_tbl[data-layout="break"] .ph3_cell-btn .ph3_btn {
    width: 45.08%;
  }
  .ph3_tbl[data-layout="break"].ph3_cell-indent-wrap .ph3_cell-indent-border:before {
    display: none;
  }
  .ph3_tbl[data-layout="break-lyt-btn"] th {
    width: 100% !important;
    border: 0;
    display: block;
  }
  .ph3_tbl[data-layout="break-lyt-btn"] td {
    width: 52% !important;
    border: 0;
    display: inline-block;
  }
  .ph3_tbl[data-layout="break-lyt-btn"] .ph3_cell-btn {
    width: 45% !important;
  }
  .ph3_tbl[data-layout="break-lyt-btn"] .ph3_break > th, .ph3_tbl[data-layout="break-lyt-btn"] .ph3_break > td {
    width: 100% !important;
    border: 0;
    display: block;
  }
  .ph3_tbl[data-layout="break-lyt-btn"] .ph3_break > .ph3_cell-btn {
    padding-top: 0;
  }
  .ph3_tbl[data-layout="break-lyt-btn"].ph3_cell-indent-wrap .ph3_cell-indent-border:before {
    display: none;
  }
}

/* .ph3_tbl-calendar-wrap
----------------------------------------------- */
@media only screen and (max-width: 1040px) {
  .ph3_tbl-calendar-wrap {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_tbl-calendar-wrap {
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* .ph3_tbl-calendar
----------------------------------------------- */
.ph3_tbl-calendar {
  line-height: 1;
  margin: 0 0 21px;
}
.ph3_tbl-calendar thead th, .ph3_tbl-calendar thead td {
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  font-size: 1.8rem;
  font-weight: normal;
  text-align: center;
}
.ph3_tbl-calendar thead th > span, .ph3_tbl-calendar thead td > span {
  border-bottom: 5px solid #827c7b;
  padding: 10px;
  display: block;
}
.ph3_tbl-calendar thead th.ph3_sunday > span, .ph3_tbl-calendar thead td.ph3_sunday > span {
  border-bottom-color: #ed1c24;
}
.ph3_tbl-calendar thead th.ph3_saturday > span, .ph3_tbl-calendar thead td.ph3_saturday > span {
  border-bottom-color: #1c51ed;
}
.ph3_tbl-calendar thead tr > :last-child {
  border-right-width: 0;
}
.ph3_tbl-calendar tbody th, .ph3_tbl-calendar tbody td {
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}
.ph3_tbl-calendar tbody tr > :last-child {
  border-right-width: 0;
}
.ph3_tbl-calendar th, .ph3_tbl-calendar td {
  width: 13.86%;
}
.ph3_tbl-calendar a {
  color: #fff;
}
.ph3_tbl-calendar .ph3_enabled > a {
  height: 80px;
  border-radius: 4px;
  border: 3px solid transparent;
  background: rgba(0, 0, 0, 0.6);
  padding: 11px;
  display: block;
}
.ph3_tbl-calendar .ph3_hut-day {
  position: relative;
}
.ph3_tbl-calendar .ph3_hut-day .ph3_icon {
  position: absolute;
  left: 14px;
  bottom: 14px;
}
.ph3_tbl-calendar .ph3_disabled > span {
  height: 80px;
  border-radius: 4px;
  background: rgba(61, 61, 61, 0.6);
  color: #827c7b;
  padding: 14px;
  display: block;
}
.ph3_tbl-calendar .ph3_is-selected > a {
  border-color: #ed1c24;
}
@media only screen and (max-width: 640px) {
  .ph3_tbl-calendar {
    margin: 0 0 10px;
  }
  .ph3_tbl-calendar thead th, .ph3_tbl-calendar thead td {
    border-bottom-width: 10px;
    border-right-width: 10px;
    font-size: 1.1rem;
  }
  .ph3_tbl-calendar thead th > span, .ph3_tbl-calendar thead td > span {
    padding: 8px;
  }
  .ph3_tbl-calendar tbody th, .ph3_tbl-calendar tbody td {
    border-bottom-width: 10px;
    border-right-width: 10px;
    font-size: 1.1rem;
    text-align: center;
  }
  .ph3_tbl-calendar .ph3_enabled > a {
    height: 40px;
    border-width: 2px;
    padding: 3px;
  }
  .ph3_tbl-calendar .ph3_hut-day {
    position: relative;
  }
  .ph3_tbl-calendar .ph3_hut-day .ph3_icon {
    width: 14px;
    margin: 0 0 0 -7px;
    position: absolute;
    left: 50%;
    bottom: 6px;
  }
  .ph3_tbl-calendar .ph3_disabled > span {
    height: 40px;
    padding: 5px;
  }
}

/* .ph3_tbl-ponta
----------------------------------------------- */
.ph3_tbl-ponta {
  background: #fffddf;
  color: #5f3c32;
  margin: 0 0 45px;
  padding: 0;
}
.ph3_tbl-ponta a {
  color: #f50028;
}
.ph3_tbl-ponta em {
  color: #ff9123;
  font-weight: bold;
}
.ph3_tbl-ponta th, .ph3_tbl-ponta thead td {
  background: url(/phdocs/images/com/ph3_bg-ponta.png) 0 0 no-repeat #ff9123;
  background-size: cover;
}
.ph3_tbl-ponta th, .ph3_tbl-ponta td {
  padding: 11px 26px 10px 26px;
}
.ph3_tbl-ponta th {
  color: #fff;
  font-size: 1.6rem;
}
.ph3_tbl-ponta tr:last-child th, .ph3_tbl-ponta tr:last-child td {
  border-bottom: 0;
}
.ph3_tbl-ponta .ph3_hdg-l3-02 {
  font-size: 1.4rem;
  margin: 0 0 18px;
}
.ph3_tbl-ponta .ph3_hdg-l3-02 span:after {
  background: rgba(254, 230, 97, 0.4);
}
.ph3_tbl-ponta .ph3_lyt-ponta-card {
  text-align: center;
}
.ph3_tbl-ponta .ph3_lyt-ponta-card .ph3_bnr, .ph3_tbl-ponta .ph3_lyt-ponta-card .ph3_txt {
  margin-bottom: 0;
}
.ph3_tbl-ponta .ph3_lyt-ponta-card .ph3_bnr-ponta {
  vertical-align: middle;
  margin-bottom: 10px;
}
.ph3_tbl-ponta .ph3_form-phone input {
  width: 58px;
}
.ph3_tbl-ponta .ph3_form-phone .ph3_phone-first {
  width: 68px;
}
.ph3_tbl-ponta .ph3_form-list > li {
  border-radius: 4px;
  border: 3px solid #fee661;
}
.ph3_tbl-ponta .ph3_form-list > li.ph3_is-disabled {
  border-color: #e5e5e5;
}
@media only screen and (min-width: 1px) {
  .ph3_tbl-ponta .ph3_form-list > li.ph3_is-disabled input[type="radio"]:disabled + label {
    color: #ccc;
  }
  .ph3_tbl-ponta .ph3_form-list > li.ph3_is-disabled input[type="radio"]:disabled + label:before {
    border-color: #e5e5e5;
    background: #fff;
  }
}
.ph3_tbl-ponta input[type="checkbox"]:checked + label:before {
  background-position: -180px -107px;
  width: 14px;
  height: 11px;
}
@media only screen and (min-width: 1px) {
  .ph3_tbl-ponta input[type="checkbox"] + label:before {
    background-color: #eae4d8;
  }
  .ph3_tbl-ponta input[type="checkbox"] + label:after {
    background: rgba(255, 255, 255, 0.9);
  }
  .ph3_tbl-ponta input[type="checkbox"]:checked + label:before {
    background-color: transparent;
  }
  .ph3_tbl-ponta input[type="checkbox"]:disabled + label {
    color: #ccc;
  }
  .ph3_tbl-ponta input[type="checkbox"]:disabled + label:before {
    background-color: #e5e5e5;
  }
}
@media only screen and (min-width: 1px) {
  .ph3_tbl-ponta .ph3_checkbox-default input[type="checkbox"] + label:after {
    border: 0;
  }
  .ph3_tbl-ponta .ph3_checkbox-default input[type="checkbox"]:disabled + label {
    color: #ccc;
  }
  .ph3_tbl-ponta .ph3_checkbox-default input[type="checkbox"]:disabled + label:before {
    background-color: #e5e5e5;
  }
}
@media only screen and (min-width: 1px) {
  .ph3_tbl-ponta input[type="radio"] + label:before {
    border: 2px solid #fee661;
  }
  .ph3_tbl-ponta input[type="radio"] + label:after {
    background: rgba(255, 255, 255, 0.9);
  }
  .ph3_tbl-ponta input[type="radio"]:checked + label:before {
    width: 18px;
    height: 18px;
    background-position: -164px -67px;
    background-size: 194px auto;
    border: 0;
    background-color: transparent;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_tbl-ponta input[type="radio"]:checked + label:before {
    width: 13.04px;
    height: 13.04px;
    background-position: -118.85px -48.56px;
    background-size: 140.57px auto;
  }
}
.ph3_tbl-ponta .ph3_toggle-03 > .ph3_toggle-contents {
  background: rgba(255, 255, 255, 0.9);
}
@media only screen and (max-width: 640px) {
  .ph3_tbl-ponta th, .ph3_tbl-ponta thead td {
    background-image: url(/phdocs/images/com/ph3_bg-ponta-sp.png);
    background-size: auto 100%;
  }
  .ph3_tbl-ponta th {
    font-size: 1.4rem;
    padding: 10px 15px;
  }
  .ph3_tbl-ponta td {
    font-size: 1.2rem;
    padding: 15px 15px;
  }
  .ph3_tbl-ponta .ph3_lyt-ponta-card {
    text-align: left;
  }
  .ph3_tbl-ponta .ph3_lyt-ponta-card .ph3_bnr {
    margin: 0 0 5px;
  }
  .ph3_tbl-ponta .ph3_lyt-ponta-card .ph3_bnr-ponta {
    max-width: 87px;
    margin: 0;
  }
  .ph3_tbl-ponta .ph3_toggle-contents-inner .ph3_form-phone input {
    width: 58px;
    margin: 0;
  }
  .ph3_tbl-ponta .ph3_form-phone .ph3_phone-first {
    width: 55px;
  }
  .ph3_tbl-ponta .ph3_hdg-l3-02 {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
}

/* ----------------------------------------------------------------
    Text
----------------------------------------------------------------- */
/* .ph3_label
----------------------------------------------- */
.ph3_label {
  background: #ed1c24;
  font-size: 1.4rem;
  font-weight: bold;
  vertical-align: middle;
  margin: 0;
  padding: 1px 8px;
  display: inline-block;
  /* #27353 >> */
  border-radius: 4px;
  /* << #27353 */
}
@media only screen and (max-width: 640px) {
  .ph3_label {
    font-size: 1.2rem;
  }
}

/* .ph3_label-02
----------------------------------------------- */
.ph3_label-02 {
  background: #fed75f;
  color: #000;
  font-size: 1.4rem;
  font-weight: normal;
  vertical-align: middle;
  margin: 0;
  padding: 1px 8px 0px;
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  .ph3_label-02 {
    font-size: 1.2rem;
  }
}

/* .ph3_label-03
----------------------------------------------- */
.ph3_label-03 {
  background: #000;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  vertical-align: middle;
  margin: 0 7px;
  padding: 3px 7px 2px;
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  .ph3_label-03 {
    font-size: 1.2rem;
  }
}

/* %tooltip-base
----------------------------------------------- */
.ph3_tooltip > span, .ph3_tooltip-02 > span, .ph3_tooltip-03 > span {
  background: #fed75f;
  color: #000;
  font-weight: normal;
  vertical-align: middle;
  display: inline-block;
  position: relative;
}
.ph3_tooltip > span:before, .ph3_tooltip-02 > span:before, .ph3_tooltip-03 > span:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  position: absolute;
}

/* .ph3_tooltip
----------------------------------------------- */
.ph3_tooltip {
  margin: 0 0 13px;
}
.ph3_tooltip > span {
  font-size: 1.6rem;
  margin: 0 0 13px;
  padding: 11px 26px;
}
.ph3_tooltip > span:before {
  border-width: 13px 7px 0 7px;
  border-top-color: #fed75f;
  bottom: -13px;
  left: 31px;
}
@media only screen and (max-width: 640px) {
  .ph3_tooltip > span {
    font-size: 1.2rem;
    margin: 0 0 7px;
    padding: 8px 15px;
  }
  .ph3_tooltip > span:before {
    border-width: 7px 4px 0 4px;
    bottom: -7px;
    left: 23px;
  }
}

/* .ph3_tooltip-02
----------------------------------------------- */
.ph3_tooltip-02 {
  margin: 0 0 10px;
}
.ph3_tooltip-02 > span {
  font-size: 1.4rem;
  margin: 4px 0 0;
  padding: 8px 13px;
}
.ph3_tooltip-02 > span:before {
  border-width: 0 4px 8px 4px;
  border-bottom-color: #fed75f;
  top: -8px;
  left: 14px;
}
@media only screen and (max-width: 640px) {
  .ph3_tooltip-02 > span {
    font-size: 1rem;
    padding: 5px 10px;
  }
  .ph3_tooltip-02 > span:before {
    border-width: 0 3px 5px 3px;
    top: -5px;
    left: 10px;
  }
}

/* .ph3_tooltip-03
----------------------------------------------- */
.ph3_tooltip-03 {
  margin: 0 0 10px;
}
.ph3_tooltip-03 > span {
  font-size: 1.6rem;
  margin: 0 0 0 15px;
  padding: 8px 13px;
}
.ph3_tooltip-03 > span:before {
  border-width: 9px 15px 9px 0;
  border-right-color: #fed75f;
  margin-top: -9px;
  top: 50%;
  left: -15px;
}
@media only screen and (max-width: 640px) {
  .ph3_tooltip-03 > span {
    font-size: 1.2rem;
    padding: 8px 10px;
  }
  .ph3_tooltip-03 > span:before {
    border-width: 4px 8px 4px 0;
    margin-top: -2px;
    left: -8px;
  }
}

/* ----------------------------------------------------------------
    Icons
----------------------------------------------------------------- */
/* .ph3_icon-coupon-discount / 白クーポンアイコン
----------------------------------------------- */
.ph3_icon-coupon-discount {
  padding-left: 45px;
  position: relative;
}
.ph3_icon-coupon-discount:before {
  background-position: -164px 0px;
  width: 30px;
  height: 23px;
  position: absolute;
  top: -0.2em;
  left: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_icon-coupon-discount {
    padding-left: 35px;
  }
  .ph3_icon-coupon-discount:before {
    width: 25px;
    height: 19.16px;
    background-position: -136.67px 0px;
    background-size: 161.66px auto;
  }
}

/* .ph3_icon-coupon-discount-special / 黄色クーポンアイコン
----------------------------------------------- */
.ph3_icon-coupon-discount-special {
  padding-left: 45px;
  position: relative;
}
.ph3_icon-coupon-discount-special:before {
  background-position: -110px -115px;
  width: 30px;
  height: 23px;
  position: absolute;
  top: -0.2em;
  left: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_icon-coupon-discount-special {
    padding-left: 35px;
  }
  .ph3_icon-coupon-discount-special:before {
    width: 25px;
    height: 19.16px;
    background-position: -91.67px -95.84px;
    background-size: 161.66px auto;
  }
}

/* .ph3_icon-coupon-present / 白プレゼントアイコン
----------------------------------------------- */
.ph3_icon-coupon-present {
  padding-left: 45px;
  position: relative;
}
.ph3_icon-coupon-present:before {
  background-position: -84px -78px;
  width: 26px;
  height: 27px;
  position: absolute;
  top: -0.6em;
  left: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_icon-coupon-present {
    padding-left: 35px;
  }
  .ph3_icon-coupon-present:before {
    width: 22.8px;
    height: 23.68px;
    background-position: -73.69px -68.43px;
    background-size: 170.17px auto;
  }
}

/* .ph3_icon-coupon-present-special / 黄色プレゼントアイコン
----------------------------------------------- */
.ph3_icon-coupon-present-special {
  padding-left: 45px;
  position: relative;
}
.ph3_icon-coupon-present-special:before {
  background-position: -112px -78px;
  width: 26px;
  height: 27px;
  position: absolute;
  top: -0.6em;
  left: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_icon-coupon-present-special {
    padding-left: 35px;
  }
  .ph3_icon-coupon-present-special:before {
    width: 22.8px;
    height: 23.68px;
    background-position: -98.25px -68.43px;
    background-size: 170.17px auto;
  }
}

/* .ph3_icon-coupon-point / 白コインアイコン
----------------------------------------------- */
.ph3_icon-coupon-point {
  padding-left: 45px;
  position: relative;
}
.ph3_icon-coupon-point:before {
  background-position: -72px -49px;
  width: 34px;
  height: 27px;
  position: absolute;
  top: -0.4em;
  left: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_icon-coupon-point {
    padding-left: 35px;
  }
  .ph3_icon-coupon-point:before {
    width: 24.28px;
    height: 19.28px;
    background-position: -51.43px -35px;
    background-size: 138.57px auto;
    top: -.3em;
  }
}

/* .ph3_icon-coupon-point-special / 黄色コインアイコン
----------------------------------------------- */
.ph3_icon-coupon-point-special {
  padding-left: 45px;
  position: relative;
}
.ph3_icon-coupon-point-special:before {
  background-position: -121px -47px;
  width: 34px;
  height: 27px;
  position: absolute;
  top: -0.4em;
  left: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_icon-coupon-point-special {
    padding-left: 35px;
  }
  .ph3_icon-coupon-point-special:before {
    width: 24.28px;
    height: 19.28px;
    background-position: -86.43px -33.58px;
    background-size: 138.57px auto;
    top: -.3em;
  }
}

/* ----------------------------------------------------------------
    Line
----------------------------------------------------------------- */
/* .ph3_line
----------------------------------------------- */
.ph3_line {
  height: 5px;
  border: 0;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 0 26px;
  padding: 0;
  display: block;
}

/* .ph3_line-login
----------------------------------------------- */
.ph3_line-login {
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  margin: 0 0 15px;
  padding: 0 0 15px;
}

/* .ph3_line-card
----------------------------------------------- */
.ph3_line-card {
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  margin: 0 0 25px;
  padding: 0 0 25px;
}

/* ----------------------------------------------------------------
    Toggle
----------------------------------------------------------------- */
/* .ph3_toggle-hook
----------------------------------------------- */
.ph3_toggle-hook {
  margin: 0;
}

/* .ph3_toggle-hook-inner
----------------------------------------------- */
.ph3_toggle-hook-inner {
  margin: 0;
}

/* .ph3_toggle-txt
----------------------------------------------- */
.ph3_toggle-txt {
  cursor: pointer;
}
.ph3_toggle-txt:before {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.ph3_is-open .ph3_toggle-txt:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

/* .ph3_toggle-state
----------------------------------------------- */
.ph3_toggle-state {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* %toggle-contents
----------------------------------------------- */
.ph3_toggle .ph3_toggle-contents, .ph3_toggle-03 > .ph3_toggle-contents {
  display: none;
  overflow: hidden;
}

/* .ph3_toggle-contents-inner
----------------------------------------------- */
.ph3_toggle-contents-inner > :last-child {
  margin-bottom: 0;
}

/* .ph3_toggle
----------------------------------------------- */
.ph3_toggle {
  margin: 0 0 40px;
}
.ph3_toggle .ph3_toggle-txt {
  padding-right: 52px;
  position: relative;
}
.ph3_toggle .ph3_toggle-txt:before {
  background-position: -180px -120px;
  width: 12px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: 26px;
  margin-top: -3.5px;
}
.ph3_toggle .ph3_toggle-txt:before {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.ph3_toggle .ph3_toggle-contents.ph3_is-animate {
  -webkit-transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.ph3_toggle.ph3_is-open .ph3_toggle-txt:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.ph3_toggle.ph3_is-open .ph3_toggle-contents {
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .ph3_toggle {
    margin: 0 0 20px;
  }
}

/* .ph3_toggle-02
----------------------------------------------- */
.ph3_toggle-02 {
  position: relative;
  text-align: right;
  margin: 0;
}
.ph3_toggle-02 .ph3_toggle-hook {
  display: inline-block;
}
.ph3_toggle-02 .ph3_toggle-txt {
  color: #fed75f;
  font-size: 1.1rem;
  padding: 5px 12px;
  padding-right: 35px;
  position: relative;
}
.ph3_toggle-02 .ph3_toggle-txt:before {
  background-position: -164px -120px;
  width: 14px;
  height: 9px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4.5px;
}
.ph3_toggle-02 .ph3_toggle-txt:before {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.ph3_toggle-02 .ph3_toggle-contents {
  text-align: left;
}
.ph3_toggle-02 .ph3_toggle-contents.ph3_is-animate {
  -webkit-transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.ph3_toggle-02.ph3_is-open .ph3_toggle-txt:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.ph3_toggle-02.ph3_is-open.ph3_is-close .ph3_toggle-txt:before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.ph3_toggle-02[data-media="pc-sp"] .ph3_toggle-contents {
  display: none;
  overflow: hidden;
}
.ph3_toggle-02[data-media="pc-sp"].ph3_is-open .ph3_toggle-contents {
  display: block;
  overflow: hidden;
}
.ph3_toggle-02[data-media="sp"] .ph3_toggle-hook {
  display: none;
}
.ph3_toggle-02[data-media="sp"] .ph3_toggle-contents {
  display: none;
  overflow: hidden;
}
.ph3_toggle-02[data-media="sp"].ph3_is-open .ph3_toggle-contents {
  display: none;
}
.ph3_toggle-02[data-media="pc-default"] .ph3_toggle-hook {
  display: none;
}
@media only screen and (max-width: 640px) {
  .ph3_toggle-02[data-media="pc-sp"] .ph3_toggle-contents {
    display: none;
  }
  .ph3_toggle-02[data-media="pc-sp"].ph3_is-open .ph3_toggle-contents {
    display: block;
    overflow: hidden;
  }
  .ph3_toggle-02[data-media="sp"] .ph3_toggle-hook {
    display: inline-block;
  }
  .ph3_toggle-02[data-media="sp"].ph3_is-open .ph3_toggle-contents {
    display: block;
    overflow: hidden;
  }
  .ph3_toggle-02[data-media="pc-default"] .ph3_toggle-hook {
    display: inline-block;
  }
  .ph3_toggle-02[data-media="pc-default"] .ph3_toggle-contents {
    display: none;
  }
  .ph3_toggle-02[data-media="pc-default"].ph3_is-open .ph3_toggle-contents {
    display: block;
    overflow: hidden;
  }
}

/* .ph3_toggle-more
----------------------------------------------- */
.ph3_toggle-more {
  text-align: right;
  letter-spacing: -.40em;
  position: relative;
  margin: 0;
}
.ph3_toggle-more .ph3_toggle-hook {
  letter-spacing: normal;
  display: inline-block;
}
.ph3_toggle-more .ph3_toggle-txt {
  color: #fed75f;
  font-size: 1.1rem;
  padding: 5px 12px;
  padding-right: 35px;
  position: relative;
}
.ph3_toggle-more .ph3_toggle-txt:before {
  background-position: -164px -120px;
  width: 14px;
  height: 9px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4.5px;
}
.ph3_toggle-more .ph3_toggle-txt:before {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.ph3_toggle-more .ph3_toggle-contents {
  text-align: left;
  letter-spacing: normal;
  margin: 0;
  overflow: hidden;
}
.ph3_toggle-more .ph3_toggle-contents.ph3_is-animate {
  -webkit-transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.ph3_toggle-more .ph3_toggle-contents-more {
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  display: inline;
  opacity: 0;
}
.ph3_toggle-more.ph3_is-open .ph3_toggle-txt:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.ph3_toggle-more.ph3_is-open .ph3_toggle-contents-more {
  display: inline;
  overflow: hidden;
  opacity: 1;
}
.ph3_toggle-more.ph3_is-open.ph3_is-close .ph3_toggle-txt:before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.ph3_toggle-more.ph3_is-open.ph3_is-close .ph3_toggle-contents-more {
  opacity: 0;
}
.ph3_toggle-more[data-media="pc-sp"] .ph3_toggle-contents-more {
  display: none;
  overflow: hidden;
}
.ph3_toggle-more[data-media="pc-sp"].ph3_is-open .ph3_toggle-contents-more {
  display: inline;
  overflow: hidden;
}
.ph3_toggle-more[data-media="sp"] .ph3_toggle-hook {
  display: none;
}
.ph3_toggle-more[data-media="sp"] .ph3_toggle-contents, .ph3_toggle-more[data-media="sp"] .ph3_toggle-contents-more {
  display: none;
}
.ph3_toggle-more[data-media="sp"].ph3_is-open .ph3_toggle-contents-more {
  display: none;
}
@media only screen and (max-width: 640px) {
  .ph3_toggle-more[data-media="pc-sp"] .ph3_toggle-contents-more {
    display: none;
  }
  .ph3_toggle-more[data-media="pc-sp"].ph3_is-open .ph3_toggle-contents-more {
    display: inline;
    overflow: hidden;
  }
  .ph3_toggle-more[data-media="sp"] .ph3_toggle-hook {
    display: inline-block;
  }
  .ph3_toggle-more[data-media="sp"] .ph3_toggle-contents {
    display: block;
  }
  .ph3_toggle-more[data-media="sp"].ph3_is-open .ph3_toggle-contents-more {
    display: inline;
    overflow: hidden;
  }
}

/* .ph3_toggle-03
----------------------------------------------- */
@media only screen and (min-width: 1px) {
  .ph3_toggle-03 input[type="radio"]:checked + label:after {
    border-radius: 4px 4px 0 0;
    border-bottom: 0;
  }
}
.ph3_toggle-03 > .ph3_toggle-contents {
  border-radius: 0 0 4px 4px;
  background: rgba(0, 0, 0, 0.6);
  padding: 0;
}
.ph3_toggle-03 > .ph3_toggle-contents > .ph3_toggle-contents-inner {
  padding: 14px 41px;
}
.ph3_toggle-03 > .ph3_toggle-contents.ph3_is-animate {
  -webkit-transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.ph3_form-list.ph3_is-open .ph3_toggle-03 > .ph3_toggle-contents {
  display: block;
  opacity: 1;
}
.ph3_toggle-03 input[type="radio"]:checked + label + .ph3_toggle-contents {
  height: auto;
}
@media only screen and (max-width: 640px) {
  .ph3_toggle-03 > .ph3_toggle-contents > .ph3_toggle-contents-inner {
    padding: 10px 28px;
  }
}

/* ----------------------------------------------------------------
    Tab
----------------------------------------------------------------- */
/* .ph3_switcher-hook
----------------------------------------------- */
.ph3_switcher-hook {
  margin: 0;
  cursor: pointer;
}

/* .ph3_switcher-hook-inner
----------------------------------------------- */
.ph3_switcher-hook-inner {
  margin: 0;
}

/* .ph3_switcher-txt
----------------------------------------------- */
.ph3_switcher-txt:before {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.ph3_is-open .ph3_switcher-txt:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

/* .ph3_switcher-state
----------------------------------------------- */
.ph3_switcher-state {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* .ph3_switcher-half
----------------------------------------------- */
.ph3_switcher-half {
  margin: 0;
}
.ph3_switcher-half .ph3_switcher-menu {
  margin-left: -0.39%;
  margin-bottom: 36px;
}
.ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item {
  float: left;
  width: 49.61%;
  margin-left: 0.38%;
}
.ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item:nth-child(2n+1) {
  clear: both;
}
.ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item {
  border-top: 3px solid transparent;
  background: rgba(0, 0, 0, 0.3);
  margin-bottom: 0;
  padding: 23px 26px;
  position: relative;
  -webkit-transition: border-top-color 0.2s ease-out 0.3s, background 0.2s ease-out 0.3s;
  transition: border-top-color 0.2s ease-out 0.3s, background 0.2s ease-out 0.3s;
}
.ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item:before {
  -webkit-transition: all 0.2s ease-out 0.3s;
  transition: all 0.2s ease-out 0.3s;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0 9px 16px 9px;
  margin: 0 0 0 -9px;
  position: absolute;
  bottom: -42px;
  left: 50%;
  z-index: -1;
}
.ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item.ph3_is-current {
  border-top-color: #ed1c24;
  background: #000;
}
.ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item.ph3_is-current:before {
  border-bottom-color: #ed1c24;
  bottom: -37px;
}
.ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item .ph3_list-size > li {
  font-size: 1.8rem;
  display: block;
}
.ph3_switcher-half .ph3_switcher-hook {
  margin: 0;
}
.ph3_switcher-half .ph3_switcher-txt {
  text-align: center;
}
.ph3_switcher-half .ph3_switcher-txt > span {
  padding-right: 20px;
  position: relative;
  display: inline-block;
}
.ph3_switcher-half .ph3_switcher-txt > span:before {
  background-position: -180px -120px;
  width: 12px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3.5px;
}
.ph3_switcher-half .ph3_switcher-txt > span:before {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.ph3_switcher-half .ph3_is-current .ph3_switcher-txt > span:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.ph3_switcher-half .ph3_switcher-contents {
  display: none;
  overflow: hidden;
  border-top: 0;
}
.ph3_switcher-half .ph3_switcher-contents.ph3_is-open {
  display: block;
}
.ph3_switcher-half .ph3_switcher-contents.ph3_is-animate {
  -webkit-transition: all 0.46s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.46s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ph3_switcher-half .ph3_lyt-media {
  margin: 0 0 26px;
}
.ph3_switcher-half .ph3_lyt-media > .ph3_item {
  width: 222px;
  margin: 0 20px 0 0;
}
.ph3_switcher-half .ph3_lyt-media > .ph3_item .ph3_img-unselected {
  height: 100%;
  margin: 0;
  padding: 54px 26px;
}
.ph3_switcher-half .ph3_lyt-media > .ph3_media-col .ph3_tooltip-03 {
  margin: 35px 0 0;
}
.ph3_switcher-half .ph3_title {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 23px;
}
.ph3_switcher-half .ph3_link-btn-02 {
  margin-left: -3.05%;
  margin-bottom: 0;
}
.ph3_switcher-half .ph3_link-btn-02 > li {
  float: left;
  width: 47.03%;
  margin-left: 2.96%;
}
.ph3_switcher-half .ph3_link-btn-02 > li:nth-child(2n+1) {
  clear: both;
}
.ph3_switcher-half .ph3_link-btn-02 > li {
  margin-right: 0;
  display: block;
}
.ph3_switcher-half .ph3_link-btn-02 > li:last-child {
  margin-bottom: 0;
}
.ph3_switcher-half .ph3_link-btn-02 > li .ph3_btn {
  display: block;
}
.ph3_switcher-half .ph3_btn {
  font-size: 1.6rem;
  padding: 10px;
}
@media only screen and (max-width: 950px) {
  .ph3_switcher-half .ph3_lyt-media > .ph3_item {
    float: none;
    width: 100% !important;
    margin: 0 0 15px;
  }
  .ph3_switcher-half .ph3_lyt-media > .ph3_item .ph3_img-unselected {
    width: 100%;
    height: 100%;
    background-size: 98px auto;
    margin: 0;
    padding: 15px;
    display: table;
  }
  .ph3_switcher-half .ph3_lyt-media > .ph3_item .ph3_img-unselected .ph3_txt {
    vertical-align: middle;
    display: table-cell;
  }
  .ph3_switcher-half .ph3_lyt-media > .ph3_media-col .ph3_tooltip-03 {
    text-align: center;
    margin: 0;
  }
  .ph3_switcher-half .ph3_lyt-media > .ph3_media-col .ph3_tooltip-03 > span {
    margin: 16px 0 0;
  }
  .ph3_switcher-half .ph3_lyt-media > .ph3_media-col .ph3_tooltip-03 > span:before {
    border-width: 0 9px 16px 9px;
    border-right-color: transparent;
    border-bottom-color: #fed75f;
    margin: 0 0 0 -4.5px;
    top: -16px;
    left: 50%;
  }
}
@media only screen and (max-width: 770px) {
  .ph3_switcher-half .ph3_switcher-menu {
    margin-left: -0.31%;
  }
  .ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item {
    float: left;
    width: 49.68%;
    margin-left: 0.31%;
  }
  .ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item:nth-child(2n+1) {
    clear: both;
  }
  .ph3_switcher-half .ph3_lyt-media > .ph3_media-col .ph3_tooltip-03 > span {
    font-size: 1.2rem;
    margin: 8px 0 0;
    padding: 8px 10px;
  }
  .ph3_switcher-half .ph3_lyt-media > .ph3_media-col .ph3_tooltip-03 > span:before {
    border-width: 0 4px 8px 4px;
    border-right-color: transparent;
    border-bottom-color: #fed75f;
    margin: 0 0 0 -2px;
    top: -8px;
    left: 50%;
  }
  .ph3_switcher-half .ph3_title {
    font-size: 1.3rem;
    margin: 0 0 8px;
  }
  .ph3_switcher-half .ph3_link-btn-02 {
    margin: 0;
  }
  .ph3_switcher-half .ph3_link-btn-02 > li {
    float: none;
    width: 100% !important;
    margin: 0 0 10px;
  }
  .ph3_switcher-half .ph3_btn {
    font-size: 1.2rem;
    padding: 8px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item {
    padding: 15px;
  }
  .ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item.ph3_is-current:before {
    border-width: 0 7px 14px 7px;
    margin: 0 0 0 -3.5px;
  }
  .ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item > :last-child {
    margin-bottom: 0;
  }
  .ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item .ph3_list-size > li {
    font-size: 1.4rem;
  }
  .ph3_switcher-half .ph3_switcher-menu > .ph3_switcher-menu-item .ph3_list-size > li span {
    padding: 1px 0 0;
  }
  .ph3_switcher-half .ph3_lyt-media > .ph3_item .ph3_img-unselected {
    background-size: 55px auto;
  }
  .ph3_switcher-half .ph3_switcher-txt > span:before {
    width: 10px;
    height: 5.83px;
    background-position: -150px -100px;
    background-size: 161.66px auto;
  }
}

/* ----------------------------------------------------------------
    Pulldown
----------------------------------------------------------------- */
/* .ph3_pulldown-hook
----------------------------------------------- */
.ph3_pulldown-hook {
  margin: 0;
  cursor: pointer;
}

/* .ph3_pulldown-hook-inner
----------------------------------------------- */
.ph3_pulldown-hook-inner {
  margin: 0;
}

/* .ph3_pulldown-txt
----------------------------------------------- */
.ph3_pulldown-txt:before {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.ph3_is-open .ph3_pulldown-txt:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

/* .ph3_pulldown-state
----------------------------------------------- */
.ph3_pulldown-state {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* .ph3_pulldown
----------------------------------------------- */
.ph3_pulldown {
  text-align: left;
  margin: 0;
  position: relative;
  display: inline-block;
}
.ph3_pulldown .ph3_pulldown-hook {
  margin: 0 0 10px;
  display: inline-block;
}
.ph3_pulldown .ph3_pulldown-txt {
  border-radius: 3px;
  background: #000;
  font-weight: bold;
  text-align: left;
  padding: 10px 14px;
  padding-right: 46px;
  position: relative;
}
.ph3_pulldown .ph3_pulldown-txt:before {
  background-position: -180px -120px;
  width: 12px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3.5px;
}
.ph3_pulldown .ph3_pulldown-contents {
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  background: #000;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.4);
  padding: 6px;
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.ph3_pulldown .ph3_pulldown-contents > :first-child {
  margin-top: 0;
}
.ph3_pulldown .ph3_pulldown-contents > :last-child {
  margin-bottom: 0;
}
.ph3_pulldown .ph3_pulldown-contents a {
  color: #fff;
}
.ph3_pulldown.ph3_is-animate .ph3_pulldown-contents {
  /* #39392 >> */
  background: #000001;
  /* << #39392 */
  z-index: 1000;
}
.ph3_pulldown.ph3_is-open .ph3_pulldown-contents {
  opacity: 1;
  z-index: 1000;
}
@media only screen and (max-width: 640px) {
  .ph3_pulldown {
    display: block;
  }
  .ph3_pulldown .ph3_pulldown-hook {
    font-size: 1.1rem;
    margin-bottom: 15px;
  }
  .ph3_pulldown .ph3_pulldown-txt {
    padding: 10px 26px 10px 20px;
  }
  .ph3_pulldown .ph3_pulldown-contents {
    font-size: 1.2rem;
  }
}

/* ----------------------------------------------------------------
    Carousel
----------------------------------------------------------------- */
/* .ph3_carousel
----------------------------------------------- */
.ph3_carousel {
  margin: -50px auto 15px;
  position: relative;
}
@media only screen and (max-width: 770px) {
  .ph3_carousel {
    margin-top: -30px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_carousel {
    margin: 0 auto;
  }
}

/* .ph3_carousel-inner
----------------------------------------------- */
.ph3_carousel-inner {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}

/* .ph3_carousel-item
----------------------------------------------- */
.ph3_carousel-item {
  margin: 0;
}
.ph3_carousel-item li {
  float: left;
  display: none;
}
.ph3_carousel-item li:first-child {
  display: block;
}
.ph3_is-active .ph3_carousel-item li {
  display: block !important;
}
.ph3_carousel-item a {
  display: block;
}
.ph3_carousel-item img {
  width: 100%;
}
.ph3_carousel-item.ph3_is-update {
  -webkit-transition-duration: 0;
  transition-duration: 0;
}
.ph3_carousel-item.ph3_is-swipe {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ph3_carousel-item.ph3_is-animate {
  -webkit-transition: all 0.9s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.9s cubic-bezier(0.23, 1, 0.32, 1);
}

/* .ph3_carousel-control
----------------------------------------------- */
.ph3_carousel-control {
  margin: 0;
}
.ph3_carousel-control .ph3_prev, .ph3_carousel-control .ph3_next {
  margin: -33px 0 0;
  position: absolute;
  top: 50%;
  z-index: 3;
}
.ph3_carousel-control .ph3_prev {
  left: 39px;
}
.ph3_carousel-control .ph3_next {
  right: 39px;
}
@media only screen and (max-width: 640px) {
  .ph3_carousel-control .ph3_prev, .ph3_carousel-control .ph3_next {
    height: 100%;
    margin: 0;
    top: 0;
  }
  .ph3_carousel-control .ph3_prev button, .ph3_carousel-control .ph3_next button {
    width: 60px;
    height: 100%;
    position: relative;
  }
  .ph3_carousel-control .ph3_prev span, .ph3_carousel-control .ph3_next span {
    margin: -18px 0 0;
    position: absolute;
    top: 50%;
    display: block;
  }
  .ph3_carousel-control .ph3_prev img, .ph3_carousel-control .ph3_next img {
    width: 18px;
  }
  .ph3_carousel-control .ph3_prev {
    left: 0;
  }
  /* #37004 DELETED */
  .ph3_carousel-control .ph3_prev span {
    left: 7px;
  }
  .ph3_carousel-control .ph3_next {
    right: 0;
  }
  /* #37004 DELETED */
  .ph3_carousel-control .ph3_next span {
    right: 7px;
  }
}

/* .ph3_carousel-indicator
----------------------------------------------- */
.ph3_carousel-indicator {
  max-width: 1024px;
  text-align: center;
  letter-spacing: -.4em;
  margin: 15px auto 0;
  padding: 0;
}
.ph3_carousel-indicator li {
  -webkit-transition: background 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: background 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  width: 9.8%;
  height: 3px;
  background: #aeaeae;
  vertical-align: top;
  letter-spacing: normal;
  margin: 0 0 0 5px;
  display: inline-block;
  overflow: hidden;
}
.ph3_carousel-indicator li:first-child {
  margin: 0;
}
.ph3_carousel-indicator button {
  width: 100%;
  height: 100%;
  display: block;
}
.ph3_carousel-indicator .ph3_is-current {
  background: #ed1c24;
}
@media only screen and (max-width: 640px) {
  .ph3_carousel-indicator {
    padding: 0;
  }
  .ph3_carousel-indicator li {
    width: 30px;
  }
}

/* ----------------------------------------------------------------
    Forms
----------------------------------------------------------------- */
/* input[type="text"]
 * input[type="password"]
 * input[type="email"]
 * input[type="tel"]
 * input[type="number"]
 * input[type="url"]
 * input[type="file"]
 * textarea
----------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="file"],
textarea {
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  color: #000;
  font-size: 1.4rem;
  /* #27352 >> */
  padding: 6px 8px;
  /* << #27352 */
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="file"]:focus,
textarea:focus {
  outline: 0;
  border-color: #66afe9;
  box-shadow: inset 0 0 0 1px #b3d7f4, 0 0 0 1px rgba(102, 175, 233, 0.6);
}
input[type="text"].ph3_form-required,
input[type="password"].ph3_form-required,
input[type="email"].ph3_form-required,
input[type="tel"].ph3_form-required,
input[type="number"].ph3_form-required,
input[type="url"].ph3_form-required,
input[type="file"].ph3_form-required,
textarea.ph3_form-required {
  border-color: #ddddc3;
  background: #ffffb2;
}
input[type="text"].ph3_form-required:focus,
input[type="password"].ph3_form-required:focus,
input[type="email"].ph3_form-required:focus,
input[type="tel"].ph3_form-required:focus,
input[type="number"].ph3_form-required:focus,
input[type="url"].ph3_form-required:focus,
input[type="file"].ph3_form-required:focus,
textarea.ph3_form-required:focus {
  border-color: #66afe9;
}
input[type="text"].ph3_form-error,
input[type="password"].ph3_form-error,
input[type="email"].ph3_form-error,
input[type="tel"].ph3_form-error,
input[type="number"].ph3_form-error,
input[type="url"].ph3_form-error,
input[type="file"].ph3_form-error,
textarea.ph3_form-error {
  border-color: #ddcccd;
  background: #ffccce;
}
input[type="text"].ph3_form-error:focus,
input[type="password"].ph3_form-error:focus,
input[type="email"].ph3_form-error:focus,
input[type="tel"].ph3_form-error:focus,
input[type="number"].ph3_form-error:focus,
input[type="url"].ph3_form-error:focus,
input[type="file"].ph3_form-error:focus,
textarea.ph3_form-error:focus {
  border-color: #66afe9;
}
@media only screen and (max-width: 640px) {
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="url"],
  input[type="file"],
  textarea {
    font-size: 1.2rem;
    padding: 5px 9px;
  }
}

/* input
----------------------------------------------- */
input.ph3_short {
  width: 80px;
}
input.ph3_medium {
  width: 60%;
}

/* textarea
----------------------------------------------- */
textarea {
  height: 6.8em;
}

/* input[type="checkbox"]
----------------------------------------------- */
input[type="checkbox"]:checked + label:before {
  background-position: -164px -107px;
  width: 14px;
  height: 11px;
}
@media only screen and (min-width: 1px) {
  input[type="checkbox"] + label {
    padding-left: 30px;
  }
  input[type="checkbox"] + label:before {
    width: 14px;
    height: 14px;
    border-radius: 1px;
    background: #b2b2b2;
    top: .6em;
    left: 9px;
    z-index: 1;
  }
  input[type="checkbox"]:checked + label:before {
    border: 0;
    background-color: transparent;
    top: .8em;
  }
}

/* .ph3_checkbox-default input[type="checkbox"]
----------------------------------------------- */
.ph3_checkbox-default {
  display: inline-block;
}
@media only screen and (min-width: 1px) {
  .ph3_checkbox-default input[type="checkbox"] + label {
    padding: 0 0 0 22px;
  }
  .ph3_checkbox-default input[type="checkbox"] + label:before {
    top: 0;
    left: 0;
  }
  .ph3_checkbox-default input[type="checkbox"] + label:after {
    border-radius: 0;
    background: transparent !important;
  }
  .ph3_checkbox-default input[type="checkbox"]:checked + label:after {
    background: transparent !important;
  }
  .ph3_checkbox-default input[type="checkbox"]:disabled + label {
    color: #595959;
  }
  .ph3_checkbox-default input[type="checkbox"]:disabled + label:before {
    background: #333;
  }
}
@media only screen and (min-width: 1px) {
  .ph3_dialog .ph3_checkbox-default input[type="checkbox"]:disabled + label, .ph3_checkbox-default.ph3_login-keep input[type="checkbox"]:disabled + label {
    color: #999;
  }
  .ph3_dialog .ph3_checkbox-default input[type="checkbox"]:disabled + label:before, .ph3_checkbox-default.ph3_login-keep input[type="checkbox"]:disabled + label:before {
    background: #666;
  }
}

/* input[type="radio"]
----------------------------------------------- */
@media only screen and (min-width: 1px) {
  input[type="radio"] + label {
    padding-left: 41px;
  }
  input[type="radio"] + label:before {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #fff;
    margin: -9px 0 0;
    top: 50%;
    left: 14px;
    z-index: 1;
  }
  input[type="radio"]:checked + label:before {
    border: 3px solid #fff;
    background: #ed1c24;
  }
}
@media only screen and (max-width: 640px) {
  input[type="radio"] + label {
    font-size: 1.2rem;
    font-weight: bold;
    padding-left: 28px;
  }
  input[type="radio"] + label:before {
    width: 13px;
    height: 13px;
    border-radius: 6.5px;
    background: #fff;
    margin: -6.5px 0 0;
    top: 50%;
    left: 8px;
    z-index: 1;
  }
}

/* select
----------------------------------------------- */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: url(/phdocs/images/com/ph3_select-arrow.png) 100% 50% no-repeat #fff;
  color: #000;
  padding: 5px 30px 5px 6px;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  select {
    font-size: 1.2rem;
  }
}

/* .ph3_quantity
----------------------------------------------- */
.ph3_quantity {
  white-space: nowrap;
  margin: 0;
}
.ph3_quantity select {
  margin: 0 0 0 10px;
}

/* .ph3_form-list
----------------------------------------------- */
.ph3_form-list {
  margin: 0;
}
.ph3_form-list > li, .ph3_form-list > dt {
  margin: 0 0 8px;
}
.ph3_form-list > dt {
  font-size: 1.2rem;
}
@media only screen and (max-width: 640px) {
  .ph3_form-list > dt {
    font-size: 1.1rem;
  }
}

/* .ph3_form-list-checkbox, .ph3_form-list-checkbox-02
----------------------------------------------- */
.ph3_form-list-checkbox,
.ph3_form-list-checkbox-02 {
  margin: 0 0 16px;
}
.ph3_form-list-checkbox > li,
.ph3_form-list-checkbox-02 > li {
  margin: 0 0 10px;
}
.ph3_form-list-checkbox[data-grid-col="4"],
.ph3_form-list-checkbox-02[data-grid-col="4"] {
  margin-left: -1.02%;
}
.ph3_form-list-checkbox[data-grid-col="4"] > li,
.ph3_form-list-checkbox-02[data-grid-col="4"] > li {
  float: left;
  width: 23.93%;
  margin-left: 1.01%;
}
.ph3_form-list-checkbox[data-grid-col="4"] > li:nth-child(4n+1),
.ph3_form-list-checkbox-02[data-grid-col="4"] > li:nth-child(4n+1) {
  clear: both;
}
@media only screen and (max-width: 640px) {
  .ph3_form-list-checkbox,
  .ph3_form-list-checkbox-02 {
    margin: 0 0 5px;
  }
  .ph3_form-list-checkbox[data-grid-col="4"],
  .ph3_form-list-checkbox-02[data-grid-col="4"] {
    margin-left: -3.44%;
  }
  .ph3_form-list-checkbox[data-grid-col="4"] > li,
  .ph3_form-list-checkbox-02[data-grid-col="4"] > li {
    width: 46.66%;
    margin-left: 3.33%;
  }
  .ph3_form-list-checkbox[data-grid-col="4"] > li:nth-child(2n+1),
  .ph3_form-list-checkbox-02[data-grid-col="4"] > li:nth-child(2n+1) {
    clear: both;
  }
}

/* .ph3_form-list-checkbox-02
----------------------------------------------- */
.ph3_form-list-checkbox-02 {
  font-size: 1.3rem;
}
@media only screen and (min-width: 1px) {
  .ph3_form-list-checkbox-02 input[type="checkbox"] + label:after {
    background: #333130;
  }
  .ph3_form-list-checkbox-02 input[type="checkbox"]:checked + label:after {
    background: #000;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_form-list-checkbox-02 {
    font-size: 1.2rem;
  }
}

/* .ph3_form-phone
----------------------------------------------- */
.ph3_form-phone input {
  width: 68px;
}
.ph3_form-phone .ph3_phone-first {
  width: 80px;
}

/* .ph3_form-coupon
----------------------------------------------- */
.ph3_form-coupon {
  font-size: 0;
  margin: 0 0 5px;
}
.ph3_form-coupon > dt, .ph3_form-coupon > dd {
  font-size: 1.4rem;
  display: inline-block;
}
.ph3_form-coupon > dt {
  color: #aeaeae;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 14px 0 0;
}
.ph3_form-coupon > dd p {
  margin: 0;
  display: inline-block;
}
.ph3_form-coupon .ph3_coupon-first, .ph3_form-coupon .ph3_coupon-second, .ph3_form-coupon .ph3_coupon-txt {
  display: inline-block;
}
.ph3_form-coupon input {
  width: 66px;
}
.ph3_form-coupon .ph3_coupon-first input {
  width: 80px;
}
.ph3_form-coupon .ph3_btn.ph3_small {
  margin: 0 0 0 10px;
  padding: 6px 26px;
}
@media only screen and (max-width: 640px) {
  .ph3_form-coupon {
    width: 100%;
  }
  .ph3_form-coupon > dt, .ph3_form-coupon > dd {
    display: block;
  }
  .ph3_form-coupon > dt {
    font-size: 1.4rem;
    margin: 0 0 5px;
  }
  .ph3_form-coupon .ph3_coupon-first, .ph3_form-coupon .ph3_coupon-second, .ph3_form-coupon .ph3_coupon-txt {
    display: table-cell;
  }
  .ph3_form-coupon .ph3_coupon-first {
    width: 60%;
  }
  .ph3_form-coupon .ph3_coupon-second {
    width: 40%;
  }
  .ph3_form-coupon .ph3_coupon-txt {
    text-align: center;
    padding: 0 10px;
  }
  .ph3_form-coupon input, .ph3_form-coupon .ph3_coupon-first input {
    width: 100%;
  }
  .ph3_form-coupon .ph3_btn.ph3_small {
    margin: 10px 0 0;
    display: block;
  }
}

/* .ph3_form-postal-code
----------------------------------------------- */
.ph3_form-postal-code {
  letter-spacing: -.40em;
  padding: 0 0 0 45px;
  position: relative;
}
.ph3_form-postal-code:before {
  content: '\3012';
  color: #aeaeae;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 4px;
  left: 0;
}
.ph3_form-postal-code > span {
  letter-spacing: normal;
}
.ph3_form-postal-code .ph3_postal-code-input {
  margin: 0 14px 0 0;
  display: inline-block;
}
.ph3_form-postal-code .ph3_postal-code-input input {
  /* #27375 >> */
	width: 100px;
  /* << #27375 */
  margin: 0 0 12px;
  padding: 9px 15px 8px;
}
.ph3_form-postal-code .ph3_postal-code-txt {
  font-size: 1.2rem;
  display: block;
}
.ph3_form-postal-code .ph3_postal-code-btn {
  vertical-align: top;
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  .ph3_form-postal-code {
    width: 100%;
    padding: 0 0 0 34px;
    display: table;
  }
  .ph3_form-postal-code:before {
    font-size: 3rem;
  }
  .ph3_form-postal-code .ph3_postal-code-input {
    padding: 0 10px 0 0;
    display: table-cell;
  }
  .ph3_form-postal-code .ph3_postal-code-input input {
    width: 100%;
    margin: 3px 0 7px;
    padding: 3px 9px 2px;
  }
  .ph3_form-postal-code .ph3_postal-code-txt {
    font-size: 1.1rem;
  }
  .ph3_form-postal-code .ph3_postal-code-btn {
    white-space: nowrap;
    display: table-cell;
  }
}

/* .ph3_form-list-size
----------------------------------------------- */
.ph3_form-list-size {
  width: 147px;
  font-size: 1.4rem;
  margin: 0;
}
.ph3_form-list-size li {
  margin: 0 0 10px;
}
.ph3_form-list-size li:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1px) {
  .ph3_form-list-size input[type="radio"] + label {
    padding: 10px 26px;
  }
  .ph3_form-list-size input[type="radio"] + label:before {
    left: 26px;
  }
  .ph3_form-list-size input[type="radio"] + label:after {
    background: #333130;
  }
  .ph3_form-list-size input[type="radio"]:checked + label:after {
    background: #000;
  }
}
.ph3_form-list-size span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fed75f;
  color: #000;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  margin: 0 7px 0 0;
  padding: 3px 0 0;
  display: inline-block;
}
.ph3_list-goods .ph3_grid-col.ph3_narrow .ph3_form-list-size {
  display: inline-block;
}
@media only screen and (max-width: 770px) {
  .ph3_form-list-size {
    width: 100%;
    font-size: 0;
    text-align: center;
  }
  .ph3_form-list-size li {
    font-size: 1.4rem;
    margin: 0 8px 0 0;
    display: inline-block;
  }
  .ph3_form-list-size li:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 770px) and (min-width: 1px) {
  .ph3_form-list-size input[type="radio"] + label {
    padding: 10px 20px 10px 45px;
  }
  .ph3_form-list-size input[type="radio"] + label:before {
    left: 15px;
  }
}

@media only screen and (max-width: 640px) {
  .ph3_form-list-size li {
    width: 91px;
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 640px) and (min-width: 1px) {
  .ph3_form-list-size input[type="radio"] + label {
    font-weight: normal;
    padding: 10px 10px 10px 28px;
  }
  .ph3_form-list-size input[type="radio"] + label:before {
    left: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_form-list-size span {
    width: 13px;
    height: 13px;
    font-size: .9rem;
    margin: 0 3px 0 0;
    padding: 1px 0 0;
  }
}

/* .ph3_form-list-card
----------------------------------------------- */
.ph3_form-list-card {
  margin: 0 0 10px -4.14013%;
}
.ph3_form-list-card > li {
  float: left;
  margin: 0 0 23px 3.97554%;
}
.ph3_form-list-card > li:last-child {
  margin-bottom: 0;
}
.ph3_form-list-card .ph3_card-number {
  width: 53.36391%;
}
.ph3_form-list-card .ph3_card-expiration {
  width: 38.68502%;
}
.ph3_form-list-card .ph3_card-expiration .ph3_expiration-month {
  margin: 0 10px 0 0;
}
.ph3_form-list-card .ph3_card-expiration .ph3_expiration-year {
  margin: 0 10px;
}
.ph3_form-list-card .ph3_card-security {
  clear: both;
  width: 100%;
}
.ph3_form-list-card .ph3_card-security input {
  width: 87px;
}
.ph3_form-list-card .ph3_card-hdg {
  font-size: 1.2rem;
  margin: 0 0 10px;
  display: block;
}
@media only screen and (max-width: 895px) {
  .ph3_form-list-card {
    margin-left: 0;
  }
  .ph3_form-list-card > li {
    clear: both;
    width: 100%;
    margin: 0 0 20px;
  }
  .ph3_form-list-card .ph3_card-number, .ph3_form-list-card .ph3_card-expiration {
    width: 100%;
  }
  .ph3_form-list-card .ph3_card-hdg {
    font-size: 1.1rem;
    margin: 0 0 7px;
  }
}

/* .ph3_form-list-login
----------------------------------------------- */
.ph3_form-list-login {
  margin: 0;
}
.ph3_form-list-login > dt {
  margin: 0 0 10px;
}
.ph3_form-list-login > dd {
  margin: 0 0 17px;
}
.ph3_form-list-login > :last-child {
  margin-bottom: 14px;
}

/* .ph3_form-list-order
----------------------------------------------- */
.ph3_form-list-order {
/* #27363 >> */
/*  border-bottom: 5px solid rgba(255, 255, 255, 0.2);*/
/* << #27363 */
  font-size: 1.4rem;
  margin: 0 0 15px;
  padding: 0 0 15px;
}
.ph3_form-list-order ul {
  margin-left: -5.8%;
  margin-bottom: 0;
}
.ph3_form-list-order ul > li {
  float: left;
  width: 27.84%;
  margin-left: 5.48%;
}
.ph3_form-list-order ul > li:nth-child(3n+1) {
  clear: both;
}
.ph3_form-list-order ul label > span {
  padding-top: 69px;
  position: relative;
  display: block;
}
.ph3_form-list-order ul label > span:before {
  position: absolute;
  left: 50%;
}
.ph3_form-list-order ul .ph3_delivery label > span:before {
  background-position: 0px -78px;
  width: 47px;
  height: 35px;
  margin: 0 0 0 -37px;
  top: 13px;
}
.ph3_form-list-order ul .ph3_time label > span:before {
  background-position: -72px 0px;
  width: 47px;
  height: 47px;
  margin: 0 0 0 -43px;
  top: 7px;
}
.ph3_form-list-order ul .ph3_take-out label > span:before {
  background-position: -121px 0px;
  width: 41px;
  height: 45px;
  margin: 0 0 0 -36px;
  top: 8px;
}
@media only screen and (min-width: 1px) {
  .ph3_form-list-order ul input[type="checkbox"] + label:after, .ph3_form-list-order ul input[type="radio"] + label:after {
    background: rgba(0, 0, 0, 0.3);
  }
  .ph3_form-list-order ul input[type="checkbox"]:checked + label:after, .ph3_form-list-order ul input[type="radio"]:checked + label:after {
    background: rgba(0, 0, 0, 0.6);
  }
  .ph3_form-list-order ul input[type="radio"] + label:before {
    margin: 0;
    top: 76px;
  }
  .ph3_form-list-order ul .ph3_delivery input[type="radio"] + label {
    padding-left: 42px;
  }
  .ph3_form-list-order ul .ph3_delivery input[type="radio"] + label:before {
    left: 18px;
  }
  .ph3_form-list-order ul .ph3_time input[type="radio"] + label {
    padding-left: 50px;
  }
  .ph3_form-list-order ul .ph3_time input[type="radio"] + label:before {
    left: 26px;
  }
  .ph3_form-list-order ul .ph3_take-out input[type="radio"] + label {
    padding-left: 42px;
  }
  .ph3_form-list-order ul .ph3_take-out input[type="radio"] + label:before {
    left: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_form-list-order ul label > span {
    padding-top: 67px;
  }
  .ph3_form-list-order ul .ph3_delivery input[type="radio"] + label {
    padding-left: 35px;
  }
  .ph3_form-list-order ul .ph3_delivery input[type="radio"] + label:before {
    left: 13px;
  }
  .ph3_form-list-order ul .ph3_time input[type="radio"] + label {
    padding-left: 40px;
  }
  .ph3_form-list-order ul .ph3_time input[type="radio"] + label:before {
    left: 16px;
  }
  .ph3_form-list-order ul .ph3_time input[type="radio"] + label > span:before {
    margin: 0 0 0 -38px;
  }
  .ph3_form-list-order ul .ph3_take-out input[type="radio"] + label {
    padding-left: 35px;
  }
  .ph3_form-list-order ul .ph3_take-out input[type="radio"] + label:before {
    left: 14px;
  }
  .ph3_form-list-order ul .ph3_take-out input[type="radio"] + label > span:before {
    margin: 0 0 0 -33px;
  }
}
@media only screen and (max-width: 435px) {
  .ph3_form-list-order ul input[type="radio"] + label {
    font-size: 1.4rem;
    padding: 10px 2px 10px 6px;
  }
  .ph3_form-list-order ul input[type="radio"] + label:before {
    top: 48px;
  }
  .ph3_form-list-order ul label > span {
    padding-top: 38px;
  }
  .ph3_form-list-order ul .ph3_delivery input[type="radio"] + label {
    padding-left: 23px;
  }
  .ph3_form-list-order ul .ph3_delivery input[type="radio"] + label:before {
    left: 8px;
  }
  .ph3_form-list-order ul .ph3_delivery input[type="radio"] + label > span:before {
    width: 29.01px;
    height: 21.6px;
    background-position: 0px -48.15px;
    background-size: 119.75px auto;
    margin: 0 0 0 -25px;
    top: 2px;
  }
  .ph3_form-list-order ul .ph3_time input[type="radio"] + label {
    padding-left: 27px;
  }
  .ph3_form-list-order ul .ph3_time input[type="radio"] + label:before {
    left: 10px;
  }
  .ph3_form-list-order ul .ph3_time input[type="radio"] + label > span:before {
    width: 27.97px;
    height: 27.97px;
    background-position: -41.86px 0px;
    background-size: 113.47px auto;
    margin: 0 0 0 -25px;
    top: 0;
  }
  .ph3_form-list-order ul .ph3_take-out input[type="radio"] + label {
    padding-left: 24px;
  }
  .ph3_form-list-order ul .ph3_take-out input[type="radio"] + label:before {
    left: 7px;
  }
  .ph3_form-list-order ul .ph3_take-out input[type="radio"] + label > span:before {
    width: 24.4px;
    height: 26.78px;
    background-position: -72.03px 0px;
    background-size: 115.47px auto;
    margin: 0 0 0 -24px;
    top: 1px;
  }
}
@media only screen and (max-width: 405px) {
  .ph3_form-list-order ul {
    margin-left: -2.11%;
  }
  .ph3_form-list-order ul > li {
    float: left;
    width: 31.26%;
    margin-left: 2.07%;
  }
  .ph3_form-list-order ul > li:nth-child(3n+1) {
    clear: both;
  }
  .ph3_form-list-order ul input[type="radio"] + label {
    font-size: 1.2rem;
  }
  .ph3_form-list-order ul .ph3_delivery input[type="radio"] + label {
    padding-left: 29px;
  }
  .ph3_form-list-order ul .ph3_delivery input[type="radio"] + label > span:before {
    margin: 0 0 0 -27px;
  }
  .ph3_form-list-order ul .ph3_time input[type="radio"] + label {
    padding-left: 37px;
  }
  .ph3_form-list-order ul .ph3_time input[type="radio"] + label:before {
    left: 13px;
  }
  .ph3_form-list-order ul .ph3_time input[type="radio"] + label > span:before {
    margin: 0 0 0 -31px;
  }
  .ph3_form-list-order ul .ph3_take-out input[type="radio"] + label {
    padding-left: 30px;
  }
  .ph3_form-list-order ul .ph3_take-out input[type="radio"] + label:before {
    left: 10px;
  }
  .ph3_form-list-order ul .ph3_take-out input[type="radio"] + label > span:before {
    margin: 0 0 0 -27px;
  }
}
@media only screen and (max-width: 380px) {
  .ph3_form-list-order ul .ph3_delivery input[type="radio"] + label {
    padding-left: 23px;
  }
  .ph3_form-list-order ul .ph3_delivery input[type="radio"] + label:before {
    left: 6px;
  }
  .ph3_form-list-order ul .ph3_delivery input[type="radio"] + label > span:before {
    margin: 0 0 0 -25px;
  }
  .ph3_form-list-order ul .ph3_time input[type="radio"] + label {
    padding-left: 29px;
  }
  .ph3_form-list-order ul .ph3_time input[type="radio"] + label:before {
    left: 9px;
  }
  .ph3_form-list-order ul .ph3_time input[type="radio"] + label > span:before {
    margin: 0 0 0 -27px;
  }
  .ph3_form-list-order ul .ph3_take-out input[type="radio"] + label {
    padding-left: 23px;
  }
  .ph3_form-list-order ul .ph3_take-out input[type="radio"] + label:before {
    left: 6px;
  }
  .ph3_form-list-order ul .ph3_take-out input[type="radio"] + label > span:before {
    margin: 0 0 0 -23px;
  }
}
@media only screen and (max-width: 330px) {
  .ph3_form-list-order ul input[type="radio"] + label {
    font-size: 1.1rem;
  }
}

/* .ph3_form-list-order-02
----------------------------------------------- */
.ph3_form-list-order-02 {
  margin: 0 0 26px;
}
.ph3_form-list-order-02 ul {
  margin: 0;
}
.ph3_form-list-order-02 li {
  margin: 0 0 14px;
}
.ph3_form-list-order-02 li:last-child {
  margin-bottom: 0 !important;
}
.ph3_form-list-order-02 li label {
  overflow: hidden;
}
.ph3_form-list-order-02 li span {
  font-size: 1.4rem;
}
.ph3_form-list-order-02 .ph3_location {
  float: left;
}
.ph3_form-list-order-02 .ph3_latency {
  float: right;
}
.ph3_form-list-order-02 .ph3_time {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 0 48px;
}
.ph3_dialog-order .ph3_form-list-order-02 ul {
  height: 218px;
  overflow-y: auto;
}
@media only screen and (min-width: 1px) {
  .ph3_form-list-order-02 input[type="checkbox"] + label, .ph3_form-list-order-02 input[type="radio"] + label {
    padding-top: 14px;
    padding-bottom: 11px;
  }
  .ph3_form-list-order-02 input[type="checkbox"] + label:after, .ph3_form-list-order-02 input[type="radio"] + label:after {
    background: rgba(0, 0, 0, 0.3);
  }
  .ph3_form-list-order-02 input[type="checkbox"]:checked + label:after, .ph3_form-list-order-02 input[type="radio"]:checked + label:after {
    background: rgba(0, 0, 0, 0.6);
  }
  .ph3_form-list-order-02 input[type="checkbox"]:disabled + label:after, .ph3_form-list-order-02 input[type="radio"]:disabled + label:after {
    background: #404040;
  }
  .ph3_dialog .ph3_form-list-order-02 input[type="checkbox"]:disabled + label:before, .ph3_dialog .ph3_form-list-order-02 input[type="radio"]:disabled + label:before {
    background: #999;
  }
  .ph3_dialog .ph3_form-list-order-02 input[type="checkbox"]:disabled + label:after, .ph3_dialog .ph3_form-list-order-02 input[type="radio"]:disabled + label:after {
    background: #808080;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_form-list-order-02 {
    margin-bottom: 15px;
  }
  .ph3_form-list-order-02 li {
    margin: 0 0 10px;
  }
  .ph3_form-list-order-02 li span {
    font-weight: bold;
  }
  .ph3_form-list-order-02 input[type="checkbox"] + label, .ph3_form-list-order-02 input[type="radio"] + label {
    padding-top: 10px;
    padding-bottom: 9px;
  }
  .ph3_form-list-order-02 .ph3_location {
    font-size: 1.2rem;
  }
  .ph3_form-list-order-02 .ph3_latency {
    font-size: 1rem;
  }
  .ph3_form-list-order-02 .ph3_time {
    font-size: 1.2rem;
    margin: 0 0 0 13px;
  }
  .ph3_dialog-order .ph3_form-list-order-02 ul {
    height: 162px;
  }
}

/* ----------------------------------------------------------------
    Helpers
----------------------------------------------------------------- */
/* Media Queries Display Control
----------------------------------------------- */
.ph3_hide-wide {
  display: none;
}
@media only screen and (max-width: 770px) {
  .ph3_hide-wide {
    display: block;
  }
}

@media only screen and (max-width: 770px) {
  .ph3_hide-medium {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  .ph3_hide-small {
    display: none;
  }
}

.ph3_show-small {
  display: none;
}
@media only screen and (max-width: 640px) {
  .ph3_show-small {
    display: block;
  }
}

/* Display Control
----------------------------------------------- */
.ph3_display-block {
  display: block !important;
}

.ph3_display-inline-block {
  display: inline-block !important;
}

.ph3_display-inline {
  display: inline !important;
}

.ph3_display-none {
  display: none !important;
}

/* Align Control
----------------------------------------------- */
.ph3_ta-l {
  text-align: left !important;
}

.ph3_ta-c {
  text-align: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.ph3_ta-r {
  text-align: right !important;
}

.ph3_va-t {
  vertical-align: top !important;
}

.ph3_va-m {
  vertical-align: middle !important;
}

.ph3_va-b {
  vertical-align: bottom !important;
}

/* Font-size Control
----------------------------------------------- */
.ph3_fs-10 {
  font-size: 1rem !important;
}

.ph3_fs-12 {
  font-size: 1.2rem !important;
}

.ph3_fs-13 {
  font-size: 1.3rem !important;
}

.ph3_fs-14 {
  font-size: 1.4rem !important;
}

.ph3_fs-16 {
  font-size: 1.6rem !important;
}

.ph3_fs-18 {
  font-size: 1.8rem !important;
}

.ph3_fs-20 {
  font-size: 2rem !important;
}

.ph3_fs-22 {
  font-size: 2.2rem !important;
}

.ph3_fs-12-11 {
  font-size: 1.2rem !important;
}
@media only screen and (max-width: 640px) {
  .ph3_fs-12-11 {
    font-size: 1.1rem !important;
  }
}

.ph3_fs-18-13 {
  font-size: 1.8rem !important;
}
@media only screen and (max-width: 640px) {
  .ph3_fs-18-13 {
    font-size: 1.3rem !important;
  }
}

.ph3_fs-20-15 {
  font-size: 2rem !important;
}
@media only screen and (max-width: 640px) {
  .ph3_fs-20-15 {
    font-size: 1.5rem !important;
  }
}

/* Font-weight Control
----------------------------------------------- */
.ph3_fw-normal {
  font-weight: normal !important;
}

.ph3_fw-bold {
  font-weight: bold !important;
}

/* Font-color Control
----------------------------------------------- */
.ph3_fc {
  color: #d9b084 !important;
}

.ph3_fc-02 {
  color: #ed1c24 !important;
}

/* Width Control
----------------------------------------------- */
.ph3_w-5 {
  width: 5% !important;
}

.ph3_w-10 {
  width: 10% !important;
}

.ph3_w-15 {
  width: 15% !important;
}

.ph3_w-20 {
  width: 20% !important;
}

.ph3_w-25 {
  width: 25% !important;
}

.ph3_w-30 {
  width: 30% !important;
}

.ph3_w-35 {
  width: 35% !important;
}

.ph3_w-40 {
  width: 40% !important;
}

.ph3_w-45 {
  width: 45% !important;
}

.ph3_w-50 {
  width: 50% !important;
}

.ph3_w-55 {
  width: 55% !important;
}

.ph3_w-60 {
  width: 60% !important;
}

.ph3_w-65 {
  width: 65% !important;
}

.ph3_w-70 {
  width: 70% !important;
}

.ph3_w-75 {
  width: 75% !important;
}

.ph3_w-80 {
  width: 80% !important;
}

.ph3_w-85 {
  width: 85% !important;
}

.ph3_w-90 {
  width: 90% !important;
}

.ph3_w-95 {
  width: 95% !important;
}

.ph3_w-100 {
  width: 100% !important;
}

@media only screen and (max-width: 640px) {
  .ph3_sp-w-100 {
    width: 100% !important;
  }
}
/* Indent Control
----------------------------------------------- */
@media only screen and (max-width: 1040px) {
  .ph3_m-indent {
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_m-indent {
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media only screen and (max-width: 1040px) {
  .ph3_p-indent {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_p-indent {
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* Margin and Padding Control
----------------------------------------------- */
.ph3_pt-0 {
  padding-top: 0px !important;
}

.ph3_pr-0 {
  padding-right: 0px !important;
}

.ph3_pb-0 {
  padding-bottom: 0px !important;
}

.ph3_pl-0 {
  padding-left: 0px !important;
}

.ph3_mt-0 {
  margin-top: 0px !important;
}

.ph3_mr-0 {
  margin-right: 0px !important;
}

.ph3_mb-0 {
  margin-bottom: 0px !important;
}

.ph3_ml-0 {
  margin-left: 0px !important;
}

.ph3_pt-5 {
  padding-top: 5px !important;
}

.ph3_pr-5 {
  padding-right: 5px !important;
}

.ph3_pb-5 {
  padding-bottom: 5px !important;
}

.ph3_pl-5 {
  padding-left: 5px !important;
}

.ph3_mt-5 {
  margin-top: 5px !important;
}

.ph3_mr-5 {
  margin-right: 5px !important;
}

.ph3_mb-5 {
  margin-bottom: 5px !important;
}

.ph3_ml-5 {
  margin-left: 5px !important;
}

.ph3_pt-10 {
  padding-top: 10px !important;
}

.ph3_pr-10 {
  padding-right: 10px !important;
}

.ph3_pb-10 {
  padding-bottom: 10px !important;
}

.ph3_pl-10 {
  padding-left: 10px !important;
}

.ph3_mt-10 {
  margin-top: 10px !important;
}

.ph3_mr-10 {
  margin-right: 10px !important;
}

.ph3_mb-10 {
  margin-bottom: 10px !important;
}

.ph3_ml-10 {
  margin-left: 10px !important;
}

.ph3_pt-15 {
  padding-top: 15px !important;
}

.ph3_pr-15 {
  padding-right: 15px !important;
}

.ph3_pb-15 {
  padding-bottom: 15px !important;
}

.ph3_pl-15 {
  padding-left: 15px !important;
}

.ph3_mt-15 {
  margin-top: 15px !important;
}

.ph3_mr-15 {
  margin-right: 15px !important;
}

.ph3_mb-15 {
  margin-bottom: 15px !important;
}

.ph3_ml-15 {
  margin-left: 15px !important;
}

.ph3_pt-20 {
  padding-top: 20px !important;
}

.ph3_pr-20 {
  padding-right: 20px !important;
}

.ph3_pb-20 {
  padding-bottom: 20px !important;
}

.ph3_pl-20 {
  padding-left: 20px !important;
}

.ph3_mt-20 {
  margin-top: 20px !important;
}

.ph3_mr-20 {
  margin-right: 20px !important;
}

.ph3_mb-20 {
  margin-bottom: 20px !important;
}

.ph3_ml-20 {
  margin-left: 20px !important;
}

.ph3_pt-25 {
  padding-top: 25px !important;
}

.ph3_pr-25 {
  padding-right: 25px !important;
}

.ph3_pb-25 {
  padding-bottom: 25px !important;
}

.ph3_pl-25 {
  padding-left: 25px !important;
}

.ph3_mt-25 {
  margin-top: 25px !important;
}

.ph3_mr-25 {
  margin-right: 25px !important;
}

.ph3_mb-25 {
  margin-bottom: 25px !important;
}

.ph3_ml-25 {
  margin-left: 25px !important;
}

.ph3_pt-30 {
  padding-top: 30px !important;
}

.ph3_pr-30 {
  padding-right: 30px !important;
}

.ph3_pb-30 {
  padding-bottom: 30px !important;
}

.ph3_pl-30 {
  padding-left: 30px !important;
}

.ph3_mt-30 {
  margin-top: 30px !important;
}

.ph3_mr-30 {
  margin-right: 30px !important;
}

.ph3_mb-30 {
  margin-bottom: 30px !important;
}

.ph3_ml-30 {
  margin-left: 30px !important;
}

.ph3_pt-35 {
  padding-top: 35px !important;
}

.ph3_pr-35 {
  padding-right: 35px !important;
}

.ph3_pb-35 {
  padding-bottom: 35px !important;
}

.ph3_pl-35 {
  padding-left: 35px !important;
}

.ph3_mt-35 {
  margin-top: 35px !important;
}

.ph3_mr-35 {
  margin-right: 35px !important;
}

.ph3_mb-35 {
  margin-bottom: 35px !important;
}

.ph3_ml-35 {
  margin-left: 35px !important;
}

.ph3_pt-40 {
  padding-top: 40px !important;
}

.ph3_pr-40 {
  padding-right: 40px !important;
}

.ph3_pb-40 {
  padding-bottom: 40px !important;
}

.ph3_pl-40 {
  padding-left: 40px !important;
}

.ph3_mt-40 {
  margin-top: 40px !important;
}

.ph3_mr-40 {
  margin-right: 40px !important;
}

.ph3_mb-40 {
  margin-bottom: 40px !important;
}

.ph3_ml-40 {
  margin-left: 40px !important;
}

.ph3_pt-45 {
  padding-top: 45px !important;
}

.ph3_pr-45 {
  padding-right: 45px !important;
}

.ph3_pb-45 {
  padding-bottom: 45px !important;
}

.ph3_pl-45 {
  padding-left: 45px !important;
}

.ph3_mt-45 {
  margin-top: 45px !important;
}

.ph3_mr-45 {
  margin-right: 45px !important;
}

.ph3_mb-45 {
  margin-bottom: 45px !important;
}

.ph3_ml-45 {
  margin-left: 45px !important;
}

.ph3_pt-50 {
  padding-top: 50px !important;
}

.ph3_pr-50 {
  padding-right: 50px !important;
}

.ph3_pb-50 {
  padding-bottom: 50px !important;
}

.ph3_pl-50 {
  padding-left: 50px !important;
}

.ph3_mt-50 {
  margin-top: 50px !important;
}

.ph3_mr-50 {
  margin-right: 50px !important;
}

.ph3_mb-50 {
  margin-bottom: 50px !important;
}

.ph3_ml-50 {
  margin-left: 50px !important;
}

.ph3_pt-55 {
  padding-top: 55px !important;
}

.ph3_pr-55 {
  padding-right: 55px !important;
}

.ph3_pb-55 {
  padding-bottom: 55px !important;
}

.ph3_pl-55 {
  padding-left: 55px !important;
}

.ph3_mt-55 {
  margin-top: 55px !important;
}

.ph3_mr-55 {
  margin-right: 55px !important;
}

.ph3_mb-55 {
  margin-bottom: 55px !important;
}

.ph3_ml-55 {
  margin-left: 55px !important;
}

.ph3_pt-60 {
  padding-top: 60px !important;
}

.ph3_pr-60 {
  padding-right: 60px !important;
}

.ph3_pb-60 {
  padding-bottom: 60px !important;
}

.ph3_pl-60 {
  padding-left: 60px !important;
}

.ph3_mt-60 {
  margin-top: 60px !important;
}

.ph3_mr-60 {
  margin-right: 60px !important;
}

.ph3_mb-60 {
  margin-bottom: 60px !important;
}

.ph3_ml-60 {
  margin-left: 60px !important;
}

.ph3_pt-65 {
  padding-top: 65px !important;
}

.ph3_pr-65 {
  padding-right: 65px !important;
}

.ph3_pb-65 {
  padding-bottom: 65px !important;
}

.ph3_pl-65 {
  padding-left: 65px !important;
}

.ph3_mt-65 {
  margin-top: 65px !important;
}

.ph3_mr-65 {
  margin-right: 65px !important;
}

.ph3_mb-65 {
  margin-bottom: 65px !important;
}

.ph3_ml-65 {
  margin-left: 65px !important;
}

.ph3_pt-70 {
  padding-top: 70px !important;
}

.ph3_pr-70 {
  padding-right: 70px !important;
}

.ph3_pb-70 {
  padding-bottom: 70px !important;
}

.ph3_pl-70 {
  padding-left: 70px !important;
}

.ph3_mt-70 {
  margin-top: 70px !important;
}

.ph3_mr-70 {
  margin-right: 70px !important;
}

.ph3_mb-70 {
  margin-bottom: 70px !important;
}

.ph3_ml-70 {
  margin-left: 70px !important;
}

.ph3_pt-75 {
  padding-top: 75px !important;
}

.ph3_pr-75 {
  padding-right: 75px !important;
}

.ph3_pb-75 {
  padding-bottom: 75px !important;
}

.ph3_pl-75 {
  padding-left: 75px !important;
}

.ph3_mt-75 {
  margin-top: 75px !important;
}

.ph3_mr-75 {
  margin-right: 75px !important;
}

.ph3_mb-75 {
  margin-bottom: 75px !important;
}

.ph3_ml-75 {
  margin-left: 75px !important;
}

.ph3_pt-80 {
  padding-top: 80px !important;
}

.ph3_pr-80 {
  padding-right: 80px !important;
}

.ph3_pb-80 {
  padding-bottom: 80px !important;
}

.ph3_pl-80 {
  padding-left: 80px !important;
}

.ph3_mt-80 {
  margin-top: 80px !important;
}

.ph3_mr-80 {
  margin-right: 80px !important;
}

.ph3_mb-80 {
  margin-bottom: 80px !important;
}

.ph3_ml-80 {
  margin-left: 80px !important;
}

.ph3_mb-50-20 {
  margin-bottom: 50px !important;
}
@media only screen and (max-width: 640px) {
  .ph3_mb-50-20 {
    margin-bottom: 20px !important;
  }
}

/* Float Control
----------------------------------------------- */
.ph3_clear-both {
	clear:both;
}

/* ----------------------------------------------------------------
    JavaScript Off
----------------------------------------------------------------- */
/* .ph3_js-unavailable / js が無効の環境での処理
----------------------------------------------- */
.ph3_js-unavailable .ph3_noscript {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  z-index: 999990;
}
.ph3_js-unavailable .ph3_noscript .ph3_noscript-message {
  width: 600px;
  border-radius: 6px;
  background: #505050;
  box-shadow: 0 12px 10px -6px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  vertical-align: middle;
  margin: 0 auto;
  padding: 26px;
  position: relative;
  top: 140px;
  z-index: 999991;
}
.ph3_js-unavailable .ph3_noscript .ph3_noscript-message > :last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 670px) {
  .ph3_js-unavailable .ph3_noscript {
    padding: 0 20px;
  }
  .ph3_js-unavailable .ph3_noscript .ph3_noscript-message {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .ph3_js-unavailable .ph3_noscript {
    padding: 0 15px;
  }
  .ph3_js-unavailable .ph3_noscript .ph3_noscript-message {
    padding: 15px;
  }
}
.ph3_js-unavailable .ph3_js-carousel .ph3_carousel-item {
  height: auto;
}
.ph3_js-unavailable .ph3_js-carousel .ph3_carousel-item li {
  display: none;
}
.ph3_js-unavailable .ph3_js-carousel .ph3_carousel-item li:first-child {
  display: block;
}
.ph3_js-unavailable .ph3_js-slidertoggle.ph3_panel-news > .ph3_panel-col {
  min-height: 0;
}
.ph3_js-unavailable .ph3_js-slidertoggle.ph3_panel-news .ph3_panel-hook {
  display: none;
}
.ph3_js-unavailable .ph3_js-slidertoggle.ph3_panel-news .ph3_panel-news-list li {
  position: static;
  opacity: 1;
  margin: 0 0 10px;
}
.ph3_js-unavailable .ph3_js-slidertoggle.ph3_panel-news .ph3_panel-news-list li:last-child {
  margin-bottom: 0;
}





/*---------------------------------------------
 C's Modified.
----------------------------------------------- */
/*
 * Ponta Register infoarmation input button.
 */
.ph3_tbl-ponta a.ph3_gray {
	color: white;
}
/*
 * PhfPcOdrOrderStartEmailRegistInitPage.html Ponta information.
 */
.ph3_ponta_information {
	color: #ff5d3d;
}
/*
 * Wicket LinkButton disabled style
 */
span.ph3_btn.ph3_red,
span.ph3_btn.ph3_red:hover {
	background: rgba(0,0,0,0.3);
	color: #525252;
}
/*
 * Login modal target anchor
 */
a[data-vlink-id]:hover,
a[data-pending-href]:hover {
	cursor: pointer;
}
/**
 * Text wrappings
 */
.ph3_nowrap {
	white-space: nowrap;
}
.ph3_normal {
	white-space: normal;
}

/**
 * Input control
 */
.ph3_2col_input {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
@media only screen and (max-width: 640px) {
	.ph3_2col_input {
		display: block;
	}
}
.ph3_phone-first input {
  width: 80px;
}

/**
 * Data Tables
 */
.ph3_data_table_head {
	display: none;
}

.ph3_data_table_body .ph3_data_table_row {
	border-bottom: 2px solid #4d4d4d;
	padding-bottom: 6px;
	margin-bottom: 8px;
}
.ph3_data_table_body .ph3_data_table_row:last-child {
	border-bottom: none;
}
.ph3_data_table {
	margin-bottom: 45px;
}
@media only screen and (min-width: 951px) {
	.ph3_data_table {
		display: table;
		border-right: 2px solid #4d4d4d;
		border-bottom: 2px solid #4d4d4d;
		background-color:rgba(0, 0, 0, 0.3);
		width: 100%;
		max-width: 100%;
		margin: 0 0 45px;
	}
	.ph3_data_table_head {
		display: table-header-group;
	}
	.ph3_data_table_body {
		display: table-row-group;
	}
	.ph3_data_table_row {
		display: table-row;
	}
	.ph3_data_table_row dt,
	.ph3_data_table_row dd {
		display: table-cell;
		width: auto;
		border-left: 2px solid #4d4d4d;
		border-top: 2px solid #4d4d4d;
		padding:4px;
		vertical-align:middle;
	}
	.ph3_data_table_head .ph3_data_table_row dt {
		background-color:rgba(0, 0, 0, 0.6);
		text-align: center;
		font-weight: bold;

	}
}
.ph3_takeout_shop_name_cell {
	min-width: 140px;
}
.ph3_family-title {
	display: none;
}
@media only screen and (max-width: 950px) {
	.ph3_family_number_cell {
		font-weight: bold;
		color:#a6a6a6;
		padding-bottom:4px;
	}
	.ph3_family_number_cell::before {
		content: '家族';
	}
	input.ph3_family-text {
		width: 90%;
	}
	.ph3_family.ph3_2col_input {
		width: 50%;
	}
	.ph3_family-fixed-title,
	.ph3_family-title {
		margin-top: 8px;
		display: block;
	}
}
@media only screen and (max-width: 640px) {
	.ph3_family.ph3_2col_input {
		width: 100%;
	}
}

/*
 * Disable image print
 */
@media print {
	img.ph3_print_none {
	    display: none !important;
	}
}

/*
 * Google Maps
 */
.ph3_google_map {
	position: relative;
	width: 100%;
	height: auto;
}
.ph3_google_map + div {
	width: 100% !important;
	height: auto;
}

/*
 * Order Information Panel Block
 */
.ph3_state {
	display: inline-block !important;
}
.ph3_change_state {
	display: block;
}

.ph3_reserve_time {
	color:#fff;
	color:#fff;
}
.ph3_reserve_time_unselected,
.ph3_shop_error {
	color:#faa !important;
	text-decolation:#faa;
}
@media only screen and (min-width: 641px) {
	.ph3_reserve_time_unselected,
	.ph3_shop_error {
		font-size: 1.1rem !important;
	}
}
/*
 * Width spacing
 */
/* Insert One Space ex. <span class="ph3_space" /> */
.ph3_space {
	height: 0px;
	width: 0.6rem;
	display: inline-block;
}
/* Insert block line ex. <div class="ph3_block_space" /> */
.ph3_block_space {
	height: 24px;
	width: 0px;
	display: inline-block;
}
/* Insert block line half height. ex. <div class="ph3_half_block_space" /> */
.ph3_half_block_space {
	height: 12px;
	width: 0px;
	display: block;
}
/* Fill One Space Right and Left Side ex. <span class="ph3_space_both_side">-</span> */
.ph3_space_both_side {
	margin-left: 0.6rem;
	margin-right: 0.6rem;
}

/*
 * Strip Wicket styles
 */
div.w_topLeft,
div.w_top,
div.w_topRight,
div.w_bottomLeft,
div.w_bottom,
div.w_bottomRight {
	height:0px !important;
}
div.wicket-modal div.w_right_1 {
	margin-left:0px !important;
}
div.wicket-modal div.w_content_1 {
	margin-right:0px !important;
}

/* div.w_caption implements my self */
div.wicket-modal div.w_caption {
  display:none;
}
/* modal border width deleted */
div.wicket-modal div.w_content_3 {
	border:0px !important;
}
/* modal border width deleted */
div.wicket-modal div.w_content_2 {
	padding-top:0px !important;
}

/* modal border width deleted */
div.wicket-modal div.w_content_2,
div.wicket-modal div.w_content {
	background-color: transparent !important;
}
.w_content_container {
	height: 800px !important;
}

/* Copy from ph3_dialog */
.wicket-modal {
	border-radius: 4px;
	background: rgba(0,0,0,0.0) !important;
	box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.25);
	position: fixed !important;
	width:500px;
}
/* Override ph3_dialog */
.ph3_dialog {
	top: 0px;
	margin: 0;
	left: 0px;
	z-index:0;
}
@media only screen and (max-width: 640px) {
	.wicket-modal {
		width:90%;
	}
	.ph3_dialog {
		width: 100%;
		margin: 0;
		position: relative;
		top: 0px;
		left: 0px;
	}
	.ph3_dialog-wrapper {
		padding: 0;
		top: 0px;
	}
}

/* page wrapper too dark */
div.wicket-mask-dark {
	opacity:0.5 !important;
}

/* Browser verision Less than Equal IE8(alterative opacity) */
.ph3_js-unavailable .ph3_noscript {
	/*IE7 8 */
	background/***/: url(/phdocs/images/com/ph3_disabled.png)\9;
}

/*
 * Wicket Feedback Panel
 */
.ph3_modify_success,
.feedbackPanelERROR {
	font-weight:bold;
	color:#ff5d3d;
}

.ph3_feedback_component_notice {
	padding-left: 6px;
}
.ph3_page_feedback {
	background-color: rgba(237, 28, 36, 0.6);
	height: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
	padding-left:6px;
}
.ph3_page_feedback h2 {
	font-size:1.8rem;
	font-weight:bold;
}
.feedbackPanel .ph3_feedback_message,
.feedbackPanel .ph3_page_message {
	font-weight:bold;
	font-size:1.4rem;
	color:#ff5d3d;
}
.feedbackPanel .ph3_feedback_message {
	cursor: pointer;
}

.ph3_feedback_panel {
	border :2px solid rgba(237, 28, 36, 0.6);
	background-color: rgba(0, 0, 0, 0.6);
	padding: 4px 8px;
}
.ph3_feedback_panel ul {
	padding-left: 4px;
	padding-top: 8px;
}

/* #27440 >> */
.ph3_panel-attention ul.ph3_credit-point-notice {
	margin-left: 0;
}
/* << #27440 */

.ph3_feedback_panel img {
	padding-top: 2px;
}
@media only screen and (max-width: 640px) {
	.ph3_page_feedback {
		padding-top: 4px;
		padding-bottom: 4px;
		height: 30px;
	}
	.ph3_page_feedback h2 {
		font-size: 1.5rem;
	}
	.feedbackPanel .ph3_feedback_message {
		font-size:1.2rem;
	}
	.feedbackPanel .ph3_page_message {
		font-size:1.6rem;
	}
	.ph3_feedback_panel img {
		padding-top: 0;
	}
}

/* set 0 to height of element that 3rd party's javascript rendered */
div.ph3_script {
	height: 0px;
}
.ph3_script img[width="1"] {
    display: none;
}

/*
 * Contents Modal
 */
#ph3_contents_modal, #ph3_image_contents_modal {
	display: block;
	width: 500px;
	margin-left: -250px; /*widthの半分*/
	left: 50%;
	border-radius: 6px;
	box-shadow: 0 12px 10px -6px rgba(0, 0, 0, 0.3);
	font-weight: bold;
	vertical-align: middle;
	padding: 26px;
	position: fixed;
	top: 140px;
	z-index: 999991;
}
#ph3_image_contents_modal {
	padding: 0px;
	top: 0px;
}
.ph3_dialog-contents-wrapper {
	overflow: auto;
}

.ph3_contents_modal_mask {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999990;
}
@media only screen and (max-width: 640px) {
	#ph3_contents_modal, #ph3_image_contents_modal {
		width: 92%;
		margin-left: -46%;
	}
}

/* .ph3_cookie_unavailable / noscriptと後でマージします。
----------------------------------------------- */
.ph3_cookie_unavailable {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	z-index: 999990;
}
.ph3_cookie_unavailable .ph3_cookie_unavailable-message {
	width: 600px;
	border-radius: 6px;
	background: #505050;
	box-shadow: 0 12px 10px -6px rgba(0, 0, 0, 0.3);
	font-weight: bold;
	vertical-align: middle;
	margin: 0 auto;
	padding: 26px;
	position: relative;
	top: 140px;
	z-index: 999991;
}
.ph3_cookie_unavailable .ph3_cookie_unavailable-message > :last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 670px) {
	.ph3_cookie_unavailable {
		padding: 0 20px;
	}
	.ph3_cookie_unavailable .ph3_cookie_unavailable-message {
		width: 100%;
	}
}
@media only screen and (max-width: 640px) {
	.ph3_cookie_unavailable {
		padding: 0 15px;
	}
	.ph3_cookie_unavailable .ph3_cookie_unavailable-message {
		padding: 15px;
	}
}

/*
 * Text size
 */
.ph3_year_text {
	width: 7rem;
}

.ph3_multiple_line_wrapper {
	word-spacing: -0.4rem;
}

/* メニュー一覧ページ 表示順、H&H、ジャンルのドロップダウン風リンク aタグ同様に、sapnタグにもスタイルを当てる
------------------------------------------------------------*/
.ph3_nav-global > li.ph3_is-current > span {
	border-bottom-color: #ed1c24;
}
.ph3_nav-global > li.ph3_is-current > span, .ph3_nav-global > li > ul .ph3_is-current > span {
	border-right: 3px solid #ed1c24;
	border-bottom: 1px solid #827c7b;
}
.ph3_link-tab .ph3_is-current > span {
	border-bottom-color: #ed1c24;
}
.ph3_link-tab-02 .ph3_is-current > span {
	border-bottom-color: #ed1c24;
}
.ph3_link-list-refine > li > span {
	height: 100%;
	padding: 10px 14px;
	display: block;
	-webkit-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}
.ph3_link-list-refine > li.ph3_is-current > span {
	background: #ed1c24;
}
@media only screen and (max-width: 640px) {
  .ph3_link-list-refine > li span {
    padding: 12px 10px 12px 20px;
  }
}
/* -------------------------------- */

/* Order List Page
----------------------------------------------- */
.ph3_cart_message {
	background: #fed75f;
	color: #000;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 15px 15px;
	text-align: center;
}
@media only screen and (max-width: 640px) {
	.ph3_cart_message {
		font-size: 1.5rem !important;
		padding: 12px 12px;
	}
	.ph3_txt_attention {
	  font-size: 1.5rem !important;
	}
}
.ph3_txt_attention {
	color: #f90;
	font-size: 1.8rem;
}
.ph3_txt_attention_small {
	color: #f90;
}
.ph3_img_attention03 {
	vertical-align: middle;
}
.ph3_toppingList > span:before {
	content: "/";
}
.ph3_toppingList > span:first-child:before {
	content: "";
}

/* #49651 >> */
.ph3_txt-topping,
.ph3_txt-minus_topping {
	color: #d6a36a;
}
/* << #49651 */
.ph3_panel-overlay_padding {
	padding: 10px 0px 10px 10px;
}
.ph3_tbl .ph3_cart_cell-btn {
	width: 219px;
}
.ph3_tbl .ph3_cart_cell-btn .ph3_btn {
	width: 100%;
}
@media only screen and (max-width: 640px) {
	.ph3_tbl[data-layout="break"] .ph3_cart_cell-btn {
		width: 100% !important;
		text-align: center;
		padding-top: 0;
	}
	.ph3_tbl[data-layout="break"] .ph3_cart_cell-btn .ph3_btn {
		width: 45.08%;
	}
	.ph3_tbl[data-layout="break-lyt-btn"] .ph3_cart_cell-btn {
		width: 45% !important;
	}
	.ph3_tbl[data-layout="break-lyt-btn"] .ph3_break > .ph3_cart_cell-btn {
		padding-top: 0;
	}
}

/*
 * Order complete Page
 */
.ph3_thanks_text_font {
	font-size:2.6rem;
	font-weight: bold;
}
@media only screen and (max-width: 640px) {
	.ph3_thanks_text_font {
		font-size:1.7rem;
	}
}

/*
 * Address Index Navi(Case of Other exists)
 */
.ph3_link-tab-02[data-tab-number="11"] li {
	width: 9.08%;
}
.ph3_link-tab-02[data-tab-number="11"] li:last-child a,
.ph3_link-tab-02[data-tab-number="11"] li:last-child span {
	white-space: nowrap;
    padding-left: 0px;
    padding-right: 0px;
}

@media only screen and (max-width: 640px) {
	.ph3_link-tab-02[data-tab-number="11"] li {
		width: 16.6%;
	}
	.ph3_link-tab-02[data-tab-number="11"] li:nth-child(6n+1) {
		clear: both;
	}
	.ph3_link-tab-02[data-tab-number="11"] li:nth-child(-n+6) {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	.ph3_link-tab-02[data-tab-number="11"] li:last-child a,
	.ph3_link-tab-02[data-tab-number="11"] li:last-child span {
	}
}

/*
 * カレンダー
 */
.ph3_tbl-calendar .ph3_enabled > span {
	height: 80px;
	border-radius: 4px;
	border: 3px solid transparent;
	background: rgba(0, 0, 0, 0.6);
	padding: 11px;
	display: block;
}
@media only screen and (max-width: 640px) {
	.ph3_tbl-calendar .ph3_enabled > span {
		height: 40px;
		padding: 3px;
		border-width: 2px;
	}
}
.ph3_tbl-calendar .ph3_is-selected > span {
	border-color: #ed1c24;
}
/* 時間選択 */
.ph3_link-select-time .ph3_enabled > span {
	border-radius: 4px;
	border: 3px solid transparent;
	background: rgba(0, 0, 0, 0.6);
	padding: 11px;
	display: block;
}
@media only screen and (max-width: 640px) {
	.ph3_link-select-time .ph3_enabled > span {
		padding: 8px;
		border-width: 2px;
	}
}
.ph3_link-select-time .ph3_is-selected > span {
	border-color: #ed1c24;
}
/* 時間選択 1Cell */
.ph3_link-select-time[data-link-col="1"] {
	margin-left: -0.48%;
}
.ph3_link-select-time[data-link-col="1"] > li {
	float: left;
	width: 98%;
	margin-left: 0.48%;
}
.ph3_link-select-time[data-link-col="1"] > li:nth-child(1n+1) {
	clear: both;
}
/* 時間選択 2Cell */
.ph3_link-select-time[data-link-col="2"] {
	margin-left: -0.48%;
}
.ph3_link-select-time[data-link-col="2"] > li {
	float: left;
	width: 49%;
	margin-left: 0.48%;
}
.ph3_link-select-time[data-link-col="2"] > li:nth-child(2n+1) {
	clear: both;
}
/* 時間選択 4Cell */
.ph3_link-select-time[data-link-col="4"] {
	margin-left: -0.48%;
}
.ph3_link-select-time[data-link-col="4"] > li {
	float: left;
	width: 24.5%;
	margin-left: 0.48%;
}
.ph3_link-select-time[data-link-col="4"] > li:nth-child(4n+1) {
	clear: both;
}

@media only screen and (max-width: 640px) {
	/* 時間選択 1Cell */
	.ph3_link-select-time[data-link-col="1"] {
		margin-left: -3.44%;
	}
	.ph3_link-select-time[data-link-col="1"] > li {
		float: left;
		width: 90%;
		margin-left: 3.33%;
	}
	.ph3_link-select-time[data-link-col="1"] > li:nth-child(1n+1) {
		clear: both;
	}
	/* 時間選択 2Cell */
	.ph3_link-select-time[data-link-col="2"] {
		margin-left: -3.44%;
	}
	.ph3_link-select-time[data-link-col="2"] > li {
		float: left;
		width: 45%;
		margin-left: 3.33%;
	}
	.ph3_link-select-time[data-link-col="2"] > li:nth-child(2n+1) {
		clear: both;
	}
	/* 時間選択 4Cell */
	.ph3_link-select-time[data-link-col="4"] {
		margin-left: -3.44%;
	}
	.ph3_link-select-time[data-link-col="4"] > li {
		float: left;
		width: 45%;
		margin-left: 3.33%;
	}
	.ph3_link-select-time[data-link-col="4"] > li:nth-child(2n+1) {
		clear: both;
	}
}
.ph3_link-select-time[data-link-col="1"]:before,
.ph3_link-select-time[data-link-col="1"]:after,
.ph3_link-select-time[data-link-col="2"]:before,
.ph3_link-select-time[data-link-col="2"]:after,
.ph3_link-select-time[data-link-col="4"]:before,
.ph3_link-select-time[data-link-col="4"]:after {
	content: '';
	display: table;
	clear: both;
}

/*
 * Top Page Time Banner.
 */
.ph3_top_time_banner {
 	margin-bottom: 50px;
}
.ph3_top_time_banner > a {
	width: 100%;
	display:inline-block;
}
.ph3_top_time_banner > a > img {
	width:100%;
}
@media only screen and (max-width: 720px) {
	.ph3_top_time_banner {
	 	margin-bottom: 0px;
	}
}
/*
 * SSL icon
 */
.ph3_ssl_smarticon {
	margin-top:10px;
	padding:8px;
	background-color: #0b0b0a;
}
@media only screen and (max-width: 640px) {
	.ph3_ssl_smarticon {
		display: none;
	}
}
/*
 * Extra cheese.
 */
span > label[for="extra_cheese"]:after {
	content: 'を追加する'
}
span > label[for="extra_cheese"].ph3_topping_checked:after {
	content: 'の追加をやめる'
}

/* .ph3_dialog-wrapper-ordermodal
----------------------------------------------- */
.ph3_dialog-wrapper-ordermodal {
  width: 100%;
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_dialog-wrapper-ordermodal {
    padding: 20px 15px 0;
    top: 61px;
  }
}

/* .ph3_dialog-ordermodal
----------------------------------------------- */
.ph3_ordermodal_base {
	 left: 0;
	 top: 0;
	 position: fixed;
	 z-index: 99999;
	 width: 100%;
	 height: 100%;
}
.ph3_dialog-ordermodal {
  width: 500px;
  border-radius: 4px;
  background: #4e4a4a;
  box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.25);
  margin: 0 0 0 -250px;
  position: absolute;
  top: 58px;
  left: 50%;
  z-index: 99999;
}
@media only screen and (max-width: 640px) {
  .ph3_dialog-ordermodal {
    width: 100%;
    margin: 0;
    position: relative;
    top: auto;
    left: auto;
    z-index: 99999;
  }
}
.ph3_dialog-ordermodal-font {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 18px;
  padding: 0;
}
@media only screen and (max-width: 640px) {
  .ph3_dialog-ordermodal-font {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 380px) {
  .ph3_dialog-ordermodal-font {
    font-size: 1.3rem;
  }
}


/*
 * side recommend Modal
 */
.ph3_side_recommend_modal {
	display: none;
	width: 500px;
	margin-left: -250px; /*widthの半分*/
	left: 50%;
	border-radius: 6px;
	box-shadow: 0 12px 10px -6px rgba(0, 0, 0, 0.3);
	font-weight: bold;
	vertical-align: middle;
	padding: 26px;
	position: fixed;
	top: 140px;
	z-index: 99991;
}

.ph3_side_recommend_modal_mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99990;
}
@media only screen and (max-width: 640px) {
	.ph3_side_recommend_modal {
		width: 90%;
		margin-left: -45%;
	}
}

.ph3_side_recommend_dialog-wrapper {
	z-index: 99991;
}

/*
 * Google iframe must be zero Height.
 */
iframe {
	height: 0px;
}

/* toggle-contents-01
----------------------------------------------- */
.ph3_tbl-ponta .ph3_toggle-03 > .ph3_toggle-contents-01 {
  background: rgba(255, 255, 255, 0.9);
}
.ph3_toggle .ph3_toggle-contents-01, .ph3_toggle-03 > .ph3_toggle-contents-01 {
  display: none;
  overflow: hidden;
}

.ph3_toggle-03 > .ph3_toggle-contents-01 {
  border-radius: 0 0 4px 4px;
  background: rgba(0, 0, 0, 0.6);
  padding: 0;
}
.ph3_toggle-03 > .ph3_toggle-contents-01 > .ph3_toggle-contents-inner {
  padding: 14px 41px;
}
.ph3_toggle-03 > .ph3_toggle-contents-01.ph3_is-animate {
  -webkit-transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.ph3_form-list.ph3_is-open .ph3_toggle-03 > .ph3_toggle-contents-01 {
  display: block;
  opacity: 1;
}
.ph3_toggle-03 input[type="radio"]:checked + label + .ph3_toggle-contents-01 {
  height: auto;
}
@media only screen and (max-width: 640px) {
  .ph3_toggle-03 > .ph3_toggle-contents-01 > .ph3_toggle-contents-inner {
    padding: 10px 28px;
  }
}
@media only screen and (max-width: 400px) {
  .ph3_toggle-03 > .ph3_toggle-contents-01 > .ph3_toggle-contents-inner {
    padding: 10px 16px;
  }
}

/* toggle-contents-02
----------------------------------------------- */
.ph3_tbl-ponta .ph3_toggle-03 > .ph3_toggle-contents-02 {
  background: rgba(255, 255, 255, 0.9);
}
.ph3_toggle .ph3_toggle-contents-02, .ph3_toggle-03 > .ph3_toggle-contents-02 {
  display: none;
  overflow: hidden;
}

.ph3_toggle-03 > .ph3_toggle-contents-02 {
  border-radius: 0 0 4px 4px;
  background: rgba(0, 0, 0, 0.6);
  padding: 0;
}
.ph3_toggle-03 > .ph3_toggle-contents-02 > .ph3_toggle-contents-inner {
  padding: 14px 41px;
}
.ph3_toggle-03 > .ph3_toggle-contents-02.ph3_is-animate {
  -webkit-transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.ph3_form-list.ph3_is-open .ph3_toggle-03 > .ph3_toggle-contents-02 {
  display: block;
  opacity: 1;
}
.ph3_toggle-03 input[type="radio"]:checked + label + .ph3_toggle-contents-02 {
  height: auto;
}
@media only screen and (max-width: 640px) {
  .ph3_toggle-03 > .ph3_toggle-contents-02 > .ph3_toggle-contents-inner {
    padding: 10px 28px;
  }
}
/*
 * Longer than short and shorter than middle
 */
input.ph3_little_short {
	width:200px;
}
@media only screen and (max-width: 640px) {
	input.ph3_little_short {
		width:100%;
	}
}
/*
 * webmenu crust sold out
 */
.ph3_crust_shop_soldout {
	text-align: center;
}

/**
 * Set menu is-current button
 */
.ph3_btn.ph3_is-current {
  	color:#fff;
	background:#000;
	border-raduis :4px;
	border : 3px solid red;
}

/*
 * Corresponding to autocomplete
 */
input[name="auto_complete_off_user"][type="text"],
input[name="auto_complete_off_password"][type="password"] {
	display:none;
}

/*
 * align left using float
 */
.ph3_align_left {
	float: left;
}

/*
 * Do not show Crust Differencial Price
 */
span[data-crust-diff-price="true"] {
	display:none;
}

/*
 * Shop search Top notice message.
 */
div.ph3_shop_service_notice {
	text-align:center;
	font-weight:bold;
}
@media only screen and (max-width: 640px) {
	div.ph3_shop_service_notice > br {
		display: none;
	}
	div.ph3_shop_service_notice > span {
		display: inline-block;
	}
}

/*
 * Takeout ShopList and Hut's day shop list use huts day style
 */
p.ph3_list_huts_day {
	width:100px;
	margin:0px;
}

p.ph3_list_huts_day > br {
	clear: both;
}
span.ph3_huts_day_block {
	display:block;
}

@media only screen and (max-width: 950px) {
	p.ph3_list_huts_day:before {
		content:'ハットの日実施日：';
	}
	p.ph3_list_huts_day {
		width:100%;
	}
	span.ph3_huts_day_block {
		display:inline-block;
	}
	span.ph3_huts_day_block:before {
		content:'、';
	}
	span.ph3_huts_day_block:first-child:before {
		content:'';
	}
}

div.ph3_huts_day_shop_not_found {
	border: 2px solid #4d4d4d;
	background-color: rgba(0, 0, 0, 0.3);
	margin-bottom: 24px;
	padding-left: 12px;
}
div.ph3_huts_day_shop_not_found > span {
	font-weight:bold;
	color:#ff5d3d;
}
/*
 * Modal kick link in OIP.
 */
a.ph3_oip_hidden_link {
	display: none;
}
/*
 * Order error page discription
 */
 .ph3_order_error_discription {
	font-weight: bold;
	font-size: 120%;
	color: #FFF;
}

/*
 * Override mitsue style class
 */

/* .ph3_form-phone
----------------------------------------------- */
.ph3_form-phone input,
.ph3_tbl-ponta .ph3_form-phone input {
	width: 76px;
}
.ph3_form-phone .ph3_phone-first,
.ph3_tbl-ponta .ph3_form-phone .ph3_phone-first {
	width: 80px;
}

@media only screen and (max-width: 640px) {
	.ph3_form-phone input,
	.ph3_tbl-ponta .ph3_form-phone input {
		width: 68px;
	}
	.ph3_form-phone .ph3_phone-first,
	.ph3_tbl-ponta .ph3_form-phone .ph3_phone-first {
		width: 74px;
	}
}
/**
 * not used quarter, half images
 */
a > img.ph3_quarter_product_image {
	max-width: 49.0%;
}
a > img.ph3_half_product_image {
	max-width: 49.0%;
	width:49.0%;
}

/*
 * beacon image
 */
img[height="0"][width="0"][src*="tracer.jp"] {
	height: 0px;
	width: 0px;
	display: none;
}
/* #27368 >> */
/* Omit Chrome Blue line */
button:focus {
	outline: 0;
}

/* << #27368 */

/*
 * componentFeedbackError complnent colors
 */
.errorTextComponent {
	border-color: #ddcccd;
	background-color: #ffccce;
}
input[type="checkbox"].errorNoTextComponent,
input[type="radio"].errorNoTextComponent {
	color:black;
}
input[type="checkbox"]:checked.errorNoTextComponent + label,
input[type="radio"]:checked.errorNoTextComponent + label {
	color: #fff;
}
input[type="checkbox"].errorNoTextComponent + label,
input[type="radio"].errorNoTextComponent + label {
	color: #000;
}
input[type="checkbox"].errorNoTextComponent + label:after,
input[type="radio"].errorNoTextComponent + label:after {
	border-color: #ddcccd;
	background-color: #ffccce;
}

div.ph3_row-narrow-form {
	display: block;
	width:100%;
}
@media only screen and (min-width: 641px) {
	div.ph3_row-narrow-form {
		max-width:540px;
		width:540px;
		padding:20px;
		background-color:#525252;
		margin-left:auto;
		margin-right:auto;
		border-radius: 4px;
	}
}
.ph3_list-subtotal dl.ph3_list-def-02 > dd {
	min-width: 30px;
}
.ph3_list-subtotal dl.ph3_list-def-02 > dd:last-child {
	min-width: 80px;
}
@media only screen and (max-width: 640px) {
	.ph3_list-subtotal dl.ph3_list-def-02 > dd {
		min-width: 18px;
	}
	.ph3_list-subtotal dl.ph3_list-def-02 > dd:last-child {
		min-width: 60px;
	}
}
/*
 * Topics Style
 */
.ph3_topics_box {
	background-color: rgba(0,0,0,0.8);
	display: block;
	width: 100%;
	padding : 8px;
	vertical-align: top;
	margin-bottom: 8px;
}

.ph3_topics_box > a {
	color: #fff;
	text-decoration: none;
}
.ph3_topics_box > a:hover {
	color: #fff;
	text-decoration: none;
}
.ph3_topics_box > a > dl {
	margin: 0;
}
.ph3_topics_box > a > dl > dd {
	vertical-align: top;
}
.ph3_topics_box .ph3_topics_image {
	max-width:20%;
	width:20%;
	display: table-cell;
}
.ph3_topics_box .ph3_topics_image img {
	width:100%;
	margin: 6px;
}
.ph3_topics_box .ph3_topics_text {
	width:60%;
	padding-left: 20px;
	display: table-cell;
}
.ph3_topics_box .ph3_topics_text h4 {
	font-weight: bold;
}
.ph3_topics_box .ph3_topics_text p {
	margin: 0;
}
@media only screen and (min-width: 861px) {
	.ph3_topics_box {
		display: inline-block;
		width : 47.2%;
		max-width : 47.2%;
		margin-left : 8px;
		margin-right : 8px;
	}
	.ph3_topics_box:nth-child(2n+1) {
	    clear: both;
	}
	.ph3_topics_box:nth-child(2n) {
	    margin-right: 0;
	}
	.ph3_topics_box .ph3_topics_image {
		max-width:40%;
		width:40%;
	}
}

.ph3_inquiry.ph3_panel .ph3_col-left {
	display: inline-block;
	width: 48%;
	padding-right: 1%;
	vertical-align: top;
}
.ph3_inquiry.ph3_panel .ph3_col-right {
	display: inline-block;
	width: 48%;
	padding-left: 1%;
	vertical-align: top;
}
.ph3_inquiry.ph3_panel .ph3_block_center {
	width: 100%;
	text-align: center;
	display:inline-block;
}
.ph3_inquiry.ph3_panel .ph3_block_center div {
	text-align: left;
	width: 45rem;
}
.ph3_inquiry.ph3_panel .ph3_col-left div p em,
.ph3_inquiry.ph3_panel .ph3_col-right div p em,
.ph3_inquiry.ph3_panel .ph3_block_center div p em {
	font-weight: bold;
	color: #fff;
}
.ph3_inquiry.ph3_panel img {
	margin-bottom: 12px;
}
.ph3_inquiry.ph3_panel .ph3_inquiry_frame img {
	margin-bottom: 0px;
}
.ph3_inquiry_frame {
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px solid #e18003;
	border-bottom: 2px solid #e18003;
	margin-bottom: 10px;
}
@media only screen and (max-width: 860px) {
	.ph3_inquiry_frame {
		font-size: 1.5rem;
	}
}
@media only screen and (max-width: 640px) {
	.ph3_inquiry.ph3_panel .ph3_col-left {
		display: block;
		text-align: center;
		width: 100%;
		max-width: 100%;
		padding-right: 0;
	}
	.ph3_inquiry.ph3_panel .ph3_col-right {
		display: block;
		text-align: center;
		width: 100%;
		max-width: 100%;
		padding-left: 0;
	}
	.ph3_inquiry.ph3_panel .ph3_block_center div {
		width: 100%;
	}
}

.ph3_menu_image_triple_left {
	width:100%;
	text-align: left;
	margin-left: 1%;
}
.ph3_menu_image_triple_right {
	width: 100%;
	margin-top: -60%;
	margin-left: -2%;
	right:0px;
	text-align: right
}

.ph3_dialog-order .ph3_form-list-order-02 div.ph3_fixed_list_empty {
	height : 218px;
}
.ph3_dialog-order .ph3_form-list-order-02 div.ph3_fixed_list_empty ~ ul {
	height: 0px;
}

div.ph3_tbl {
    display: table;
}
.ph3_div_tbl_thead {
	display: table-row-group;
}
.ph3_div_tbl_tbody {
	display: table-row-group;
}
.ph3_div_tbl_tr {
	display: table-row;
}
.ph3_div_tbl_th,
.ph3_div_tbl_td {
	display: table-cell;
	padding: 11px 26px 10px;
	border-bottom: 1px solid #4d4d4d;
	vertical-align: middle;
	align: left;
	font-size:1.6rem;
	word-wrap: break-word;
}
.ph3_div_tbl_th {
	white-space: nowrap;
	font-weight:bold;
	background-color:rgba(0, 0, 0, 0.6);
}
.ph3_div_tbl_tbody > .ph3_div_tbl_tr:last-child > .ph3_div_tbl_th,
.ph3_div_tbl_tbody > .ph3_div_tbl_tr:last-child > .ph3_div_tbl_td {
	border-bottom: 0px none;
}
@media only screen and (max-width: 640px) {
	div.ph3_tbl {
	    display: block;
	}
	.ph3_div_tbl_thead {
		display: block;
	}
	.ph3_div_tbl_tbody {
		display: block;
	}
	.ph3_div_tbl_tbody.div {
		display: block;
	}
	.ph3_div_tbl_tr {
		display: block;
	}
	.ph3_div_tbl_th,
	.ph3_div_tbl_td {
		display: block;
		border-bottom: 0px none;
	}
	.ph3_div_tbl_th {
		font-size:1.4rem;
		padding: 5px 15px;
	}
	.ph3_div_tbl_td {
		font-size:1.2rem;
		padding: 12px 15px;
	}

	.ph3_div_tbl_tbody > .ph3_div_tbl_tr:last-child > .ph3_div_tbl_th,
	.ph3_div_tbl_tbody > .ph3_div_tbl_tr:last-child > .ph3_div_tbl_td {
		border-bottom: 0px none;
	}
}
.ph3_hide-component {
	display: none;
}
.ph3_crust_shop_sold_out {
	text-align: center;
	margin-bottom: 0;
}
.ph3_crust_shop_sold_out_space {
	display: none;
}
@media only screen and (max-width: 770px) {
	.ph3_crust_shop_sold_out_space {
		display: inline-block;
		margin-bottom: 0;
	}
}

/* Javascript alert */
.ph3_hidden-link {
	display: none;
	visibility:hidden;
}
.ph3_html-dialog {
	position:fixed;
	border-radius: 6px;
	background: #4e4a4a;
	color: white;
/*
	Color scheme Reverse
	background: #d4d4d4;
	color: black;
*/
	box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.25);
	max-width: 720px;
	min-width: 284px;
	min-height: 80px;
	padding:10px;
	z-index: 999995;
}
.ph3_html-dialog .ph3_html-dialog-title {
	text-align: right;
}
.ph3_html-dialog-title .ph3_html-dialog-title_text {
	display: inline-block;
	width: calc(100% - 12px - 6px);
	text-align: left;
}
.ph3_html-dialog-title_text.alert::after {
	content: '情報';
}
.ph3_html-dialog-title_text.confirm::after {
	content: '確認';
}
.ph3_html-dialog p{
	margin:10px;
	text-align: left;
	margin-bottom: 8px;
	font-size: 1.6rem;
}
.ph3_html-dialog .ph3_html-dialog-separater {
	background: gray;
	left: 5%;
	right: 5%;
	height: 2px;
	display: block;
	margin-top: 16px;
	margin-bottom: 10px;
}
.ph3_html-dialog .ph3_html-dialog-button_block {
	text-align: center;
	width: 100%;
}
.ph3_html-dialog .ph3_html-dialog-close {
	width:12px;
	height:13px;
	top:0;
	right:0;
	position:absolut;
	background-image: url(/phdocs/images/com/ph3_icon-sprite.png);
	background-position:-177px -87px;
}
.ph3_html-dialog .ph3_html-dialog-close span {
	content: '閉じる';
}
.ph3_html-dialog .ph3_html-dialog-button {
	background: red;
	color: white;
	border-radius: 6px;
	text-align: center;
	padding: 8px 24px 8px 24px;
	font-weight: bold;
	display: inline-block;
	right: 0px;
	cursor: pointer;
	text-decoration: none;
	margin: 4px;
}
.ph3_html-dialog .ph3_html-dialog-button.active {
	background: red;
}
.ph3_html-dialog .ph3_html-dialog-button.negative {
	background: gray;
}
.ph3_html-dialog .ph3_html-dialog-alert_close::after {
	content: 'OK';
}
.ph3_html-dialog .ph3_html-dialog-button.large {
	width: 300px;
	white-space:nowrap;
	padding-right: 16px;
	padding-left: 16px;
}
.ph3_html-dialog .ph3_html-dialog-alert_close,
.ph3_html-dialog .ph3_html-dialog-confirm_ok,
.ph3_html-dialog .ph3_html-dialog-confirm_cancel {
	width:130px;
	font-size: 1.6rem;
}
.ph3_html-dialog .ph3_html-dialog-confirm_ok::after {
	content: 'OK';
}
.ph3_html-dialog .ph3_html-dialog-confirm_cancel::after {
	content: 'キャンセル';
}

@media only screen and (max-width: 800px) {
	.ph3_html-dialog {
		max-width: 90%;
	}
}
@media only screen and (max-width: 640px) {
	.ph3_html-dialog .ph3_html-dialog-button {
		padding: 8px;
		width: 100%;
		font-size: 1.3rem;
		margin: 0;
		margin-top: 4px;
		margin-bottom: 4px;
	}
	.ph3_html-dialog p{
		font-size: 1.3rem;
	}
	.ph3_html-dialog .ph3_html-dialog-alert_close,
	.ph3_html-dialog .ph3_html-dialog-confirm_ok,
	.ph3_html-dialog .ph3_html-dialog-confirm_cancel {
		font-size: 1.3rem;
	}
	.ph3_html-dialog .ph3_html-dialog-button.large {
		width: 264px;
		white-space:nowrap;
		padding-right: 6px;
		padding-left: 6px;
	}
}
.ph3_html-dialog-title_text.ph3_incution_caption {
	padding-left: 8px;
	font-size: 1.6rem;
}
@media only screen and (max-width: 640px) {
	.ph3_html-dialog-title_text.ph3_incution_caption {
		font-size: 1.3rem;
	}
}
/* LP Common */
#gi_wrapper {
	margin:0 auto;
	padding:0;
	text-align:center;
	max-width:1024px;
}

@media (max-width: 1024px) {
	#gi_wrapper {
		width:100%;
	}
}

#gi_contents {
	width:100%;
	margin:0 0 30px;
	text-align:left;
}

