dl dd,
dl dt,
h3.__title {
  color: #000;
}
.c-alert.c-alert--top {
  margin-bottom: 0;
}

._p-left-5 {
  padding-left: 5px;
}

.pswp {
  z-index: 100000;
}
.userIsConsumer .logo-message {
  font-size: 11px;
  line-height: 16px;
  margin-top: 10px;
  color: #666;
}
.logo-img {
  height: 50px;
  margin-top: 10px;
}
.link-register {
  display: block;
  font-size: 12px;
  margin-top: 13px;
  color: #4ba0b5;
  text-decoration: underline;
}

.__block--logo {
  width: 300px;
  margin: 15px auto;
  text-align: center;
}
a#logo {
  display: block;
  width: auto;
  max-width: none;
  margin: auto;
  height: 65px;
}
a#logo:focus,
a#logo:hover {
  color: #000;
  text-decoration: none;
}

.hide-overflown-words {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-not-available {
  cursor: default !important;
  text-decoration: none !important;
  position: relative;
}
.product-not-available::after {
  content: "現在販売停止中";
  position: absolute;
  z-index: 1000;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  height: 97%;
  margin: auto;
  text-align: center;
  font-size: 1.2em;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  width: 97%;
  line-height: 200px;
}
#top_carousel .fa-angle-left,
#top_carousel .fa-angle-right {
  color: #000;
  font-size: 39px;
}
#top_carousel {
  width: 100%;
  margin: 16px auto 10px;
}
.wrapper--cart,
.wrapper--contact,
.wrapper--corporate,
.wrapper--howto,
.wrapper--kiyaku,
.wrapper--login,
.wrapper--page-detail,
.wrapper--password-form,
.wrapper--regist {
  padding: 0;
}
.wrapper section.__heading {
  padding: 6px 0;
  font-size: 1em;
  text-align: left;
  width: 100%;
}
.wrapper--corporate .__open {
  margin-top: 25px;
}
.body-cart .__heading,
.body-mypage .__heading,
.wrapper--product-list .main--product-list .__heading {
  background: 0 0;
  text-align: left;
}
.wrapper--order-finish .__heading {
  background: 0 0;
  text-align: center;
  margin-top: 3em !important;
}
.body-product-list ul.__list.c-breadcrumb li a {
  font-size: 1em;
}
.body-page.body-page-detail .wrapper .main td,
.main.main--product-list
  section.__list.__list--row
  ul.__product
  li.__item.__is-soldout
  a
  table
  tr
  td.__photo
  .__soldout,
.p-product-block ul.__product li.__item.__is-soldout .__photo .__soldout {
  display: block;
}
.body-home .main--home .carousel-indicators li {
  background-color: rgba(150, 150, 150, 0.5);
}
.body-home .main--home .carousel-indicators li.active {
  background-color: #969696;
}
.body-home .main--home .carousel-indicators {
  bottom: -30px;
}
.body-home .__block--pro-new .__title::before {
  content: "新着";
  display: block;
  padding: 2px;
  background: #2ab27b;
  color: #fff;
  width: 33px;
  text-align: center;
  margin-bottom: 7px;
  font-weight: 700;
}
.body-home .wrapper--column-2 {
  margin-top: 0;
}
.wrapper {
  position: relative;
}

.__link-top-banner {
  display: block;
  margin: 23px auto;
}
.nopadding {
  margin: 0;
}

/* For Modal Coupon Layout Starts here */
#modal-coupon * {
  box-sizing: border-box;
}
#modal-coupon .modal-body {
  padding: 28px;
}
#modal-coupon .btn-close.close {
  position: absolute;
  right: 18px;
  top: 6px;
}
#modal-coupon .btn-close span {
  font-size: 30px;
}
#modal-coupon .range {
  font-size: 8em;
  font-weight: 700;
}
#modal-coupon .text-box {
  margin-left: 14px;
  color: #d9534f;
}
#modal-coupon .text-box-right {
  padding: 28px;
}
#modal-coupon .code,
#modal-coupon .label {
  padding: 5px;
  background-color: #fff;
  border-radius: 7px;
  color: #d9534f;
  font-weight: 700;
  font-size: 1.5em;
}
#modal-coupon .code {
  background-color: unset;
  color: #fff;
  padding-left: 32px;
}
#modal-coupon .explanation {
  padding: 15px;
  font-size: 1.2em;
  line-height: 35px;
}
/* For Modal Coupon Layout Ends here */

.__block--events .block-contents {
  width: 100%;
  margin: 20px auto auto;
  max-width: 1250px;
}
.__block--events .box-event:hover {
  opacity: 0.8;
}
.__block--events .box-event {
  text-decoration: none;
  display: block;
  width: 90%;
  max-width: 400px;
  margin: auto;
}
.__block--events .box-event-wrapper {
  box-sizing: border-box;
  padding: 0;
}
.__block--events .box-event-msg {
  color: #000;
  display: block;
  padding: 5px;
  margin: 5px;
  font-size: 1em;
  font-weight: 500;
}
.__block--events .btn-wrapper {
  margin: 10px auto 0;
  width: 100%;
}
.__block--events .active.btn-m_wrapper {
  margin: auto;
  max-width: 240px;
}

.__block--segg {
  display: block !important;
}
.__block--pro-recommend {
  display: none;
}
section.search-wrapper {
  width: 90%;
  min-width: 288px;
  margin: 10px auto 0;
}
.__block--cart,
.__block--login,
.__block--page,
.__block--search {
  display: none;
}
.aside .__regist {
  border: 1px solid rgb(193 165 126);
  border-radius: 100px;
  height: 35px;
}
.aside .__regist > a {
  color: rgb(173 145 106);
  line-height: 34px;
  display: block;
  width: 100%;
  height: 100%;
}
.aside .__regist > a:before {
  content: "" !important;
}
.aside section.__block.__block--search .__body {
  position: relative;
}
.aside section.__block.__block--search .__body input {
  width: 100%;
}
.aside section.__block.__block--search .__body button.__button.c-button {
  position: absolute;
  right: 8px;
  top: 1px;
  bottom: 0;
  height: 38px;
  margin: auto;
  background: 0 0;
  width: 43px;
  color: #969696;
}
.aside
  section.__block.__block--category
  .__body
  ul.__tree
  > li.__item:first-child {
  margin-top: 6px;
}
.aside .__block--category,
.aside
  section.__block.__block--category
  .__body
  ul.__tree
  > li.__item.__item--has-children
  > ul {
  display: none;
}
.aside
  section.__block.__block--category
  .__body
  ul.__tree
  > li.__item.__item--has-children
  > span.__js-toggle {
  display: block;
}
.aside
  section.__block.__block--category
  .__body
  ul.__tree
  li.__item.__item--has-children
  span.__js-toggle {
  top: 10px;
}
.aside .sidemenu-features .__body ul.__tree > li.__item {
  border: none;
}
.aside .link-img {
  border: 1px solid rgb(220, 220, 220);
  display: block;
}

.aside .__body ul.__tree > li.__item {
  margin: 6px auto;
  padding: 7px;
  border-top: none;
  border-bottom: 1px solid #f0f0f0;
}
.aside section.__block.__block--category .__body ul.__tree li.__item a {
  border-bottom: 1px solid rgb(230, 230, 230);
  border-top: none;
  padding: 10px 15px 10px 3px !important;
}
.aside a.link-text {
  position: absolute;
  display: block;
  right: 10px;
  top: 17px;
  color: #1a83be;
  font-weight: bold;
}
.aside .side-h,
.aside-menu .side-h {
  font-size: 1em;
  text-align: left;
  padding-left: 10px;
}
.aside .guides-sidemenu-wrapper {
  display: none;
  padding-top: 14px;
}
.aside .guides-sidemenu-wrapper .sidemenu-list {
  margin-bottom: 14px;
}
.aside .guides-sidemenu-wrapper .list-link {
  color: #323232;
}
.aside li.sidemenu-list.sidemenu-list_horizontal .list-link {
  margin-left: 10px;
}
.aside li.sidemenu-list.sidemenu-list_horizontal .list-link:first-child {
  margin-left: 0;
}
.aside li.sidemenu-list.sidemenu-list_horizontal i {
  font-size: 25px;
}
.body-corporate .calendar-sidemenu-wrapper {
  border-top: 1px dashed #c8c8c8;
  margin-top: 30px;
}
.aside .sidemenu-lists {
  padding-left: 0;
}
.aside .sidemenu-list {
  list-style: none;
  padding-bottom: 5px;
}
.gnav-sp .__menu .sidemenu-list_horizontal a.list-link {
  float: left;
  font-size: 25px;
}
.gnav-sp .__menu .sidemenu-list_horizontal a.list-link::after {
  content: "" !important;
}

.gnav-sp .__drawer .__menu {
  box-sizing: border-box;
  z-index: 99999;
}

.gnav-sp .__menu .__page,
.gnav-sp .__menu .__member,
.__is-member .gnav-sp .__menu-full-list--nonmembers,
.__is-guest .gnav-sp .__menu-list--member,
.__is-guest .gnav-sp .__button-logout,
.gnav-sp .__menu .__search--feature {
  display: none;
}

.gnav-sp .__menu-full-list .__item {
  height: 50px;
  background: #f4f4f4;
  border-bottom: 1px solid rgb(210, 210, 210);
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #686868;
  line-height: 50px;
  display: block;
}

.gnav-sp .__menu-full-list {
  margin-bottom: 20px;
}

.gnav-sp .__heading .__username {
  width: 60%;
}

.gnav-sp .__search,
.gnav-sp .__menu-list {
  width: 93%;
  margin: 25px auto;
}

.gnav-sp .__heading {
  position: relative;
}
.gnav-sp .__heading-link {
  position: absolute;
  right: 20px;
  top: 10px;
}

.gnav-sp .__menu-list .__tree {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.gnav-sp .__menu-list .__item {
  list-style-type: none;
  border-bottom: 1px solid rgb(220, 220, 220);
}

.gnav-sp .__menu-list .__item .list-link {
  color: #333;
  display: block;
  text-decoration: none;
  padding: 0.75em 0 0.75em 1em;
}

.gnav-sp .btn--logout {
  width: 100%;
  height: 50px;
  border: 1px solid #c2c2c2;
}

.gnav-sp .__menu-footer {
  height: 60px;
  border-top: 1px solid #acacac;
}

.gnav-sp .__menu-footer .__button-container {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
}

.gnav-sp .__menu-footer .__list--button {
  flex: 1;
  margin: 0 10px; /* Adjust margin as needed */
  text-align: center;
  font-size: 20px;
  line-height: 60px;
  color: black;
}

.gnav-sp .__menu-footer .__list--button .fa {
  font-size: 32px;
  line-height: 62px;
}

.gnav-sp .__menu-footer .__list--button .btn.btn--contents {
  background-color: black;
  color: white;
}

.__icon-right-arrow:after {
  content: "\25BA";
}

.__body ul.__tree li.__item--has-children ul a {
  border-left: 1px solid rgb(220, 220, 220);
}

.aside
  section.__block.__block--category
  .__body
  ul.__tree
  > li.__item:first-child,
.aside section.__block.__block--category .__body ul.__tree li.__item {
  border: none;
}

.gnav-sp
  .__drawer
  .__menu
  .__content
  .__search.__search--category
  .__body
  ul.__tree
  li.__item
  a,
.gnav-sp
  .__drawer
  .__menu
  .__content
  .__member.__is-member
  .__body
  ul.__sub-menu
  li.__item
  a {
  border-bottom: 1px solid rgb(220, 220, 220);
  border-top: none;
}

.__body ul.__tree li.__item.__item--has-children span.__js-toggle:before {
  font-size: 1.7em;
  background-color: rgb(211 211 211);
  border-radius: 32px;
}

.main.main--home section.__block.__block--category .__body ul li {
  width: 45% !important;
  border: 1px solid #c8c8c8;
  margin: 2%;
  padding: 0;
  position: relative;
}
section.__block.__block--series .flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.box-card {
  flex-basis: 100%;
  height: 200px;
  margin-bottom: 27%;
  box-sizing: border-box;
  display: flex;
  align-items: left;
  text-decoration: none;
  color: #333;
  font-size: 16px;
  flex-direction: column;
  padding: 20px;
}
.box-card_img-title {
  font-weight: 700;
  font-size: 1.2em;
  margin-bottom: 2px;
}
.box-card_text {
  margin: auto;
}
.box-card_img {
  margin: 0 auto 10px;
}
.box-card_img img {
  height: auto;
}
.body-home .main.main--home section.__block.__block--limited-free-2 {
  margin-top: 10px;
}
.body-home .main.main--home .__inner .__body-concept {
  background-color: #fffaeb;
  padding: 25px;
  text-align: center;
}
.__text-bold {
  font-weight: 700;
}
.__inner .__body-membership {
  padding: 25px;
  text-align: center;
}
.__inner .__body-membership .__body_container {
  width: 100%;
}
.__inner .__body-membership .__body_container .row {
  margin: 20px auto;
}

.btn-brand-color {
  background-color: #c1a57e;
  color: #fff;
  border: none;
}
.btn-brand-color:hover {
  color: #fff;
  background-color: #a38760;
}
.btn-brand-color-outline {
  background-color: transparent;
  color: #c1a57e;
  border: 1px solid #c1a57e;
  display: block;
}
.btn-brand-color-outline:hover {
  color: #a38760;
}

.aside .__block .__block--banner,
.aside .guides-sidemenu-wrapper,
.aside .__block--calendar,
.aside .__block--search,
.aside .__block--cart,
.aside .__block--login {
  display: none;
}
.aside section.__block.__block--login.__is-guest .__body .__login-link .__link {
  background-color: #c1a57e;
  color: #fff;
  border: none;
  border-radius: 20px;
  width: 100%;
  height: 40px;
  line-height: 27px;
}
.aside section.__block.__block--login.__is-guest .__body .__regist a:hover {
  color: #a38760;
}
.__inner .__body-membership .btn-login,
.__inner .__body-membership .btn-signup {
  height: 50px;
  border-radius: 50px;
  line-height: 50px;
  font-size: 1.3em;
}
.__inner-hardcopy {
  width: 95%;
}
.__inner .__inner-hardcopy {
  margin-top: 60px;
}
.__inner-hardcopy .btn-wrapper {
  padding: 0;
}
.__inner-hardcopy .btn-outline {
  width: 96%;
  height: 65px;
  background: 0 0;
  border: 1px solid #b4b4b4;
  margin: auto;
  display: block;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.__inner-hardcopy .btn-outline-link {
  color: #323232;
}
.__inner .btn-label {
  padding: 0;
}
.__inner .__body-concept .__text {
  color: #ad916a;
}
.__inner .__body-concept .__text-bold {
  color: #856942;
}
.search-menu {
  text-align: center;
  padding: 4px;
  margin-top: 5px;
}
.btn-new_comer {
  background: #6987b6;
  color: #fff;
}
.search-menu:first-child {
  border-right: 1px solid #c8c8c8;
}
.search-button-wrapper .btn-category {
  width: 101%;
  letter-spacing: 0;
  line-height: 10px;
  padding-left: 0;
  height: 37px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #d7d7d7;
  background-color: #e5e5e5;
}
.search-button-wrapper .btn-category-text {
  color: #323232;
}
.search-button-wrapper .btn-category .fa {
  font-size: 10px;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 9px;
  color: #646464;
}
.__item-title_main .__cart-count {
  position: absolute;
  right: 9px;
  top: 34px;
  display: none;
}
dl.__cart-count.__js-cart-count {
  display: none !important;
}
.btn-link {
  font-size: 17px;
}
input.textfield.width-l {
  width: 100%;
}

/* For Header Layout Starts here */
.header {
  border-bottom: 1px solid rgb(200, 200, 200);
}
.__main-nav {
  width: 95%;
  max-width: 960px;
  margin: auto;
  position: relative;
}
.__main-nav .__logo-wrapper {
  width: 125px;
  padding: 15px 0;
}

.__main-nav .__logo {
  display: block;
}

.__main-nav .__lists {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 15px;
}

.__main-nav .__item {
  display: inline-block;
  position: relative;
}

.__main-nav .__item.layout-desktop,
._hide_for-guest,
.__main-nav .__item._hide-default {
  display: none;
}

.__main-nav-cotainer .__item:hover .__hovermenu {
  display: block;
}

.btn.btn-icon-text {
  display: block;
  width: 40px;
  height: 44px;
  position: relative;
  padding: 0;
  margin: 0;
  color: #8c8c8c;
}

.btn.btn-icon-text .__icon {
  font-size: 20px;
  position: absolute;
  text-align: center;
  right: 0;
  left: 0;
  top: 2px;
  bottom: 0;
  margin: auto;
}

.btn.btn-icon-text .__text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 10px;
}

.icon-wrapper-circle {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  margin: auto;
  position: relative;
}

.btn-icon-text .__cart-count {
  position: absolute;
  top: -7px;
  right: 0px;
  z-index: 1000;
  border-radius: 10px;
}

._icon-primary.btn.btn-icon-text .__icon {
  color: white;
  font-size: 14px;
  top: 4px;
}

._icon-primary .__text {
  color: #c1a57e;
}

._icon-primary .icon-wrapper-circle {
  background-color: #c1a57e;
}

._icon-secondary.btn.btn-icon-text .__icon {
  color: white;
  font-size: 14px;
  top: 5px;
}

._icon-secondary .icon-wrapper-circle {
  background-color: #9e9e9e;
}

.__is-member ._show-inline_for-member,
.__is-guest ._show-inline_for-guest {
  display: inline-block;
}
.__is-member ._show-block_for-member,
.__is-guest ._show-block_for-guest {
  display: block;
}
.__is-member ._show-block_for-guest,
.__is-guest ._show-block_for-member,
.__is-member ._show-inline_for-guest,
.__is-guest ._show-inline_for-member {
  display: none !important;
}

.__hovermenu {
  display: none;
  position: absolute;
  background-color: white;
  border: 1px solid #bfbfbf;
  z-index: 1000;
  box-shadow: 1px 1px 5px rgb(208 208 208);
  right: -29px;
  margin: auto;
  top: 38px;
}

.__hovermenu.__hovermenu-small {
  width: 100px;
  padding: 10px;
}

.__hovermenu-large {
  width: 400px;
}

.__hovermenu.__hovermenu-large .icon-up-arrow {
  position: absolute;
  right: 55px;
}

.__hovermenu .icon-wrapper {
  position: absolute;
  top: -13px;
  right: 0;
  left: 0;
  text-align: center;
  color: #bfbfbf;
  height: 13px;
}

.__hovermenu-container-title {
  text-align: center;
  margin: 20px auto 0;
  font-size: 17px;
}

.__hovermenu-container-contents {
  display: flex;
  gap: 30px;
  width: 90%;
  margin: 30px auto;
}

.__hovermenu-container-contents .contents {
  flex: 1;
  cursor: pointer;
  display: block;
}

.__hovermenu-container-contents .contents:hover {
  opacity: 0.7;
}

.__hovermenu-container-contents .contents-img {
  border: 1px solid rgb(200, 200, 200);
}

.__hovermenu-container-contents .contents-text {
  text-align: center;
  margin-top: 12px;
  text-decoration: underline;
}

.___hovermenu-lists {
  padding: 0;
  margin: 0;
  list-style: none;
}

.___hovermenu-item {
  padding: 7px 0;
}

.___hovermenu-item .bar-link {
  display: block;
  width: 100%;
}

.__hovermenu .__menu-footer {
  border-top: 1px solid rgb(200, 200, 200);
}

.__hovermenu .__menu-footer .__button-container {
  display: flex;
}

.__hovermenu .__menu-footer .__list--button {
  flex: 1;
  text-align: center;
  line-height: 50px;
}

.__hovermenu .__menu-footer .fa {
  line-height: 50px;
  font-size: 36px;
}

.__hovermenu .__menu-footer .__list--box-button .btn--contents {
  background-color: black;
  color: white;
}

.__hovermenu .__menu-footer .__list--link,
.__hovermenu .__menu-footer .__list--box-button {
  display: inline-block;
}

.__hovermenu .__menu-footer .__list--button:hover {
  opacity: 0.7;
}

.__navbar-searchbar-container {
  width: 90%;
  margin: auto;
  position: relative;
}

.__navbar-searchbar-container .icon-wrapper {
  display: none;
  position: absolute;
  right: 0%;
  z-index: 1000;
  top: -6px;
  font-size: 30px;
  cursor: pointer;
}

.search-menu-opened .__navbar-searchbar-container .icon-wrapper {
  display: block;
}

.__searchbar {
  position: relative;
  z-index: 100;
}

.search-menu-opened .__bg-overshadow {
  display: none;
}

.__searchbar .input-search {
  width: 100%;
  height: 35px;
  font-size: 14px !important;
  background-color: #f2f2f2;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.__searchbar .__button.c-button {
  position: absolute;
  right: 0px;
  top: 0px;
  border: 0;
  height: 100%;
  border-radius: 0;
  background-color: #c1a57e;
}

.__searchbar .fa.fa-search {
  color: white;
  font-size: 20px;
}

.__navbar-keywords-container {
  /* width: 97.5%; */
  margin: 17px 0 10px 2.5%;
  position: relative;
}

.__navbar-keywords-container .__desc {
  margin: auto;
  background-color: white;
  position: absolute;
  left: 0;
}

.__horizontal-scroll {
  display: flex;
  align-items: center;
  overflow-x: scroll;
  white-space: nowrap;
}

.__horizontal-scroll-list {
  display: flex;
  gap: 2%;
  margin-bottom: 10px;
  margin-left: 5px;
}

.__horizontal-scroll-list .__keyword {
  list-style: none;
  border: 1px solid #d4d4d4;
}

.__horizontal-scroll-list .__keyword-link {
  padding: 0 3px 0;
  color: black;
  display: block;
}

.__search-group .__keyword-link:hover,
.__keyword-link:hover {
  color: #0056b3;
}
.__search-group .__link-img:hover {
  opacity: 0.8;
}

.__search-group .__keyword-link {
  display: block;
  padding: 8px;
  color: black;
}

/* For Header Layout Ends here */

/* For category layout starts here */
.__category-nav-section.layout-desktop {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  margin-top: 10px;
}
.__category-nav-container {
  width: 95%;
  margin: auto;
  max-width: 1140px;
}
.__category-list {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  height: 60px;
}

.__category-list .__item {
  font-size: 14px;
  text-align: center;
  line-height: initial;
  cursor: pointer;
  position: relative;
  color: rgb(50, 50, 50);
}

.__category-list .__item a {
  display: block;
  padding: 15px 17px 15px 5px;
  text-align: left;
  word-break: keep-all;
}

.__category-list > .__item {
  flex: 1;
  border-left: 1px solid #d6d6d6;
  line-height: 60px;
}
.__secondary-list {
  background-color: white;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid rgb(200, 200, 200);
  border-top: none;
  position: absolute;
  left: -1px;
  right: 0;
  width: 100%;
  z-index: 1000000;
  display: none;
  box-shadow: 0px 7px 10px rgb(100, 100, 100);
}

.__secondary-list > .__item > a {
  text-align: center;
}

.__secondary-list .__item--has-children:after {
  content: "\25BA";
  font-size: 10px;
  color: rgb(100, 100, 100);
  position: absolute;
  right: 5px;
  top: 18px;
}

.__secondary-list .__item--has-children > ul {
  position: absolute;
  left: 100%;
  top: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 10000;
  background-color: white;
  width: 135px;
  border: 1px solid rgb(200, 200, 200);
  border-top: none;
  box-shadow: 7px 7px 13px rgb(100, 100, 100);
}

.__secondary-list .__item {
  border-top: 1px solid rgb(200, 200, 200);
}

.__category-list > .__item > .__item {
  position: absolute;
  top: 0;
}

.__category-list .__item--has-children ul {
  display: none;
}

.__category-list > .__item > .__item > .__item > .__item,
.__category-list > .__item > .__item > .__item,
.__category-list > .__item > .__item {
  display: none;
}
.__category-list > .__item > .__item:first-child {
  display: block;
}

.__category-list > .__item:hover .__secondary-list {
  display: block;
}

.__category-list > .__item:hover .__item {
  display: block;
}

.__category-list .__secondary-list > .__item.__item-sale,
.__menu-list--special .__item.__item-sale,
.__body-special .__item.__item-sale {
  display: none;
}

.__category-list .__secondary-list > .__item.__item-sale.active,
.__menu-list--special .__item.__item-sale.active,
.__body-special .__item.__item-sale.active {
  display: block;
}

.__category-list .__item--has-children:hover > ul {
  display: block;
}

.__category-list .__item .__icon {
  color: rgb(80, 80, 80);
}
.__category-list > .__item:last-child {
  border-right: 1px solid #d6d6d6;
}
/* For category layout ends here */

.wrapper .__block--page {
  margin-bottom: 20px;
}
.wrapper .__block--banner {
  margin: 26px auto;
  width: 300px;
}
.wrapper .__block--banner img {
  width: 100%;
  margin: auto;
  display: block;
}
.body-home .main.main--home section.__block {
  margin-bottom: 40px;
  margin-top: 70px;
}
.body-home .main.main--home section.__block.__block--free-1 {
  margin-top: 0;
}
.navbar-menu.active {
  background-color: #000;
}
.navbar-menu.active .navbar-icon {
  color: #fff;
}
.marketing-keywords {
  text-align: center;
}
.key-items {
  padding-right: 5px;
  color: #69a0b1;
}
.key-space {
  margin-right: 5px;
}
.marketing-key {
  text-align: center;
  margin: 0 7px 7px;
  color: #0056b3;
}
.marketing-key:hover {
  color: #0056b3;
  opacity: 0.7;
  text-decoration: none;
}
.text-strong {
  font-size: 1em;
  color: red;
}
.wrapper .sidemenu-menu {
  text-align: center;
  height: 25px;
}
.aside .sidemenu-label {
  padding: 20px 5px 15px;
  border: none;
  text-align: center;
  height: auto;
  background: rgb(242 242 242);
  position: relative;
}

.section-label {
  color: #646464;
  border-bottom: 1px solid #c8c8c8;
  width: 95%;
  margin: auto;
}
.section-label .side-h {
  margin: auto;
  font-weight: bold;
}

.section-label .side-h span,
.section-label .top-h span {
  font-size: 1.1em;
  text-transform: uppercase;
}
.c-pagetop.__is-visible {
  z-index: 10000;
}
.footer-tryout {
  position: fixed;
  right: 0;
  left: 0;
  bottom: -70px;
  width: 100%;
  height: 70px;
  z-index: 1000;
  background-color: rgba(235, 235, 235, 0.8);
  transition: 0.5s 0.1s;
}
.btn-tryout {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 10px;
  width: 180px;
  height: 40px;
  margin: auto;
  line-height: 30px;
  font-size: 1.2em;
  font-weight: 700;
  background-color: #c1a57e;
  color: #fff;
  border-radius: 50px;
}
.__is-guest .footer-tryout.active {
  bottom: 0;
}
.body-login-default aside.footer-tryout.active,
.body-regist-confirm aside.footer-tryout.active,
.body-regist-form aside.footer-tryout.active,
.wrapper--regist-finish aside.footer-tryout.active {
  display: none;
}
#footer-nav {
  margin-left: 0;
  padding: 0;
}
.top-h.block-header {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding-left: 35px;
}
.contents-types .types {
  text-align: center;
  list-style: none;
  display: inline-block;
  margin: 0 8px;
  font-size: 1.5em;
  color: #c8c8c8;
  cursor: pointer;
}
.contents-types .types.active {
  color: #000;
  font-weight: 700;
  border-bottom: 3px solid #000;
}
.contents-types {
  width: 511px;
  margin: 14px auto;
  padding: 0;
}
.contents-pickup {
  display: none;
  -webkit-column-count: 4 !important;
  -moz-column-count: 4 !important;
  column-count: 4 !important;
}
.contents-pickup.active {
  display: block;
}
.body-home .main.main--home .__block.__block--explanation {
  height: 730px;
  width: 100%;
  margin-top: 90px;
  position: relative;
  background-color: #f6f6f6;
}
.content-navi > i {
  font-size: 2em;
  color: #fff;
}
#footer,
#footer-inner,
.block-contents,
.contents-container,
.footer {
  height: 100%;
}
.footer-info {
  height: 87%;
}
.info-left,
.info-right {
  position: relative;
}
#footer .info-right-inner {
  margin-top: 30px;
}
#footer .info-right-inner .__block {
  margin-bottom: 20px;
}
.info-left-inner {
  position: absolute;
  width: 300px;
  height: 89%;
  margin: auto;
  bottom: 27px;
  right: 60px;
}
#footer .info-left-inner ul {
  padding: 0;
}
#footer .info-left-inner li {
  list-style: none;
}
#footer .info-left-inner .cal span {
  display: block;
  text-align: center;
}
#footer-nav li {
  margin-bottom: 12px;
  list-style: none;
}
#footer-nav a,
#footer-nav li,
#footer-nav span,
.footer .copyright {
  color: #505050;
}
.footer {
  height: 100%;
  margin-top: 100px;
  padding: 25px 15px 20px;
  background-color: #ededed;
  position: relative;
}
.wrapper.wrapper--column-2 .__inner .aside {
  padding-top: 0;
  width: 100%;
  display: none;
}
.main--product-detail > div {
  overflow: auto;
}
.p-product-block ul.__product li.__item,
.p-product-block.p-product-block--compact ul.__product li.__item {
  width: 50%;
}
.p-product-block ul.__product {
  padding: 1em 0.5em;
}
.p-product-block ul.__product li.__item {
  padding: 0.2em 0.5em;
}
.__block--pro-ranking .p-product-block ul.__product {
  white-space: initial;
}
.__block--others-checks
  .p-product-block.p-product-block--compact
  ul.__product
  li.__item {
  width: 33.3%;
}
.p-product-block.p-product-block--compact ul.__product {
  white-space: normal;
}

#search-modal .p-product-block.p-product-block--compact ul.__product {
  white-space: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
}

.p-product-block.p-product-block--compact ul.__product .__item:nth-child(7),
.p-product-block.p-product-block--compact ul.__product .__item:nth-child(8),
.p-product-block.p-product-block--compact ul.__product .__item:nth-child(9),
.p-product-block.p-product-block--compact ul.__product .__item:nth-child(10) {
  display: none;
}
.p-product-block ul.__product li.__item a .__title {
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 0.5em;
  word-break: break-all;
}
.p-product-block ul.__product li.__item a .__description dl.__price {
  text-align: left;
}
.p-product-block ul.__product li.__item a .__description dl.__price > dt {
  font-weight: 400;
}
.__description > pre {
  white-space: break-spaces;
  color: #666;
  font-size: 1em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
}
.__description .lb-accent {
  font-weight: 700;
  padding: 1px 7px;
  border-radius: 7px;
}
.__description .lb-accent-primary,
.__description .lb-accent-secondary {
  background-color: beige;
}

.main--news .rss-wrapper {
  position: absolute;
  right: 24px;
  color: #0056b3;
}
.aside-menu .__body ul {
  padding: 0;
  margin: 0;
}
.aside .__body .__item a,
.aside-menu .__item a {
  color: #323232;
}
.aside-menu .section-label,
.mobile-menu-active .section-label {
  width: 100%;
  background-color: #f0f0f0;
  border: none;
  height: 42px;
}
.aside-menu .section-label .side-h,
.mobile-menu-active .section-label .side-h {
  line-height: 36px;
}
.mobile-menu-active .wrapper--corporate .__inner {
  display: none;
}
.aside-menu .__body li {
  padding: 0 10px;
  border-bottom: 1px solid #e6e6e6;
}
.aside-menu .__item--text {
  height: 40px;
  text-align: left;
  line-height: 40px;
}
.__aside--page .__item--text > a,
.list-group-item > a,
.panel-heading > a {
  display: block;
  width: 100%;
}
table.cal {
  width: 100%;
  height: 176px;
  margin: 0 0 20px;
}

.body-product-list .top-ranking {
  margin-top: 50px;
}
.top-new_product,
.top-news,
.top-ranking,
.top-recommendation {
  padding: 8px 5px 1px;
  text-align: center;
}
.c-heading-main,
.top-new_product span,
.top-news span,
.top-ranking span,
.top-recommendation span {
  font-weight: 400;
  font-size: 16px;
  font-family: Helvetica;
  text-align: center;
}
.__block--pro-viewed {
  display: none;
}
.__block.__block--pro-viewed .c-heading-main {
  background: 0 0;
  border-bottom: 1px solid #c8c8c8;
}
.__block--calendar h4.top-h span {
  font-size: 12px;
}
.__block--calendar .explanation {
  width: 250px;
  margin: 10px auto 0 40px;
  position: relative;
}
.__block.__block--calendar {
  background-color: #fff;
  width: 300px;
  padding: 10px;
  margin: 45px auto;
  border-radius: 2px;
  border: 1px solid #c8c8c8;
}
.ex-box {
  width: 15px;
  height: 15px;
  background-color: #e0e0e0;
  position: absolute;
  left: -18px;
  top: 1px;
}
.gnav-pc {
  display: none;
}
.header .gnav-sp {
  display: block !important;
}
.header .gnav-sp .__search--keyword,
.layout-desktop {
  display: none;
}
.special-campaign {
  width: 100%;
  height: 40px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  z-index: 100000000;
  background: url(https://shiseihanbai.biz/uploads/2021/50th/prpttype-50th-pc-band.jpg)
    center;
}
.body-home .special-campaign {
  display: block;
}
.section-carousel {
  margin-bottom: -10px;
}

/* For Ukomi starts here */
.reviewWidget .uKomiWidgetSection {
  display: none;
}
.body-home .__block--reviewslider {
  display: none;
}

.body-home.__is-guest .__block--reviewslider {
  display: block;
}

#popup-campaign-wrapper .popup {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

#popup-campaign-wrapper .popup-content {
  margin: auto;
  padding: 0;
  min-height: 400px;
  position: absolute;
  width: 98%;
  max-width: 500px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 25%;
}

#popup-campaign-wrapper .close {
  color: #ffffff;
  text-shadow: 4px 5px 8px #606060;
  font-size: 76px;
  font-weight: bold;
  position: absolute;
  right: 4px;
  top: 0px;
  line-height: 46px;
  opacity: 1;
}

#popup-campaign-wrapper .close:hover,
#popup-campaign-wrapper .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
#popup-campaign-wrapper .popup-campaign-message-wrapper {
  background: white;
  padding: 10px;
}

#popup-campaign-wrapper .campaign-message {
  text-align: center;
  color: black;
  font-size: 1.8em;
  font-weight: bold;
  margin: 0;
}

/* For Ukomi ends here */

/* Top Page Category Section Begins here */

.body-howto .wrapper.wrapper--column-2 .__inner .main,
.body-corporate .wrapper.wrapper--column-2 .__inner .main,
.body-home .wrapper.wrapper--column-2 .__inner .main {
  width: 100%;
  float: none;
  padding: 0;
}

.body-howto .wrapper.wrapper--column-2 .__inner .aside,
.body-corporate .wrapper.wrapper--column-2 .__inner .aside,
.body-home .wrapper.wrapper--column-2 .__inner .aside {
  display: none;
  float: none;
}

.body-home .wrapper .__inner {
  margin: auto;
  max-width: none;
}

.body-home .__section-pickups {
  position: relative;
}

.__bg-overshadow,
.__bg-cover {
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.__bg-overshadow {
  opacity: 0.30;
}

.body-home .__section-pickups .__bg-cover {
  background: url(https://shiseihanbai.biz/uploads/dev/assets/background-min_1_vertical.jpg);
  background-repeat: repeat;
  background-size: 400%;
  background-position: center;
}

.body-home .__block.__block--free.__block--free-3 .__bg-cover {
  background: url(https://shiseihanbai.biz/uploads/dev/assets/background-min_5_vertical.jpg);
  background-repeat: repeat;
  background-size: 400%;
  background-position: center;
}

.body-home .__section-message .__bg-cover {
  background: url(https://shiseihanbai.biz/uploads/registration-lp/garden-main-pc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}

.body-home .__block.__block--free.__block--free-3 {
  padding: 80px 10px 70px;
  position: relative;
}

.body-home .__block.__block--free.__block--free-3 .flex-container {
  max-width: 520px;
}

.body-home .link-img {
  display: none;
  position: relative;
  flex: 1;
  min-height: 284px;
  max-width: 500px;
  min-width: 360px;
}
.body-home .show-to-all,
.__is-guest .show-to-group-0,
.__is-member--group-1 .show-to-group-1,
.__is-member--group-2 .show-to-group-2,
.__is-member--group-3 .show-to-group-3,
.__is-member--group-4 .show-to-group-4,
.__is-member--group-5 .show-to-group-5,
.__is-member--group-6 .show-to-group-6,
.__is-member--group-7 .show-to-group-7,
.__is-member--group-8 .show-to-group-8,
.__is-member--group-9 .show-to-group-9,
.__is-member--group-10 .show-to-group-10,
.__is-member--group-11 .show-to-group-11,
.__is-member--group-12 .show-to-group-12,
.__is-member--group-13 .show-to-group-13,
.__is-member--group-14 .show-to-group-14,
.__is-member--group-15 .show-to-group-15,
.__is-member--group-16 .show-to-group-16,
.__is-member--group-17 .show-to-group-17,
.__is-member--group-18 .show-to-group-18,
.__is-member--group-19 .show-to-group-19,
.__is-member--group-20 .show-to-group-20,
.__is-member--group-21 .show-to-group-21,
.__is-member--group-22 .show-to-group-22,
.__is-member--group-23 .show-to-group-23,
.__is-member--group-24 .show-to-group-24,
.__is-member--group-25 .show-to-group-25,
.__is-member--group-26 .show-to-group-26,
.__is-member--group-27 .show-to-group-27,
.__is-member--group-28 .show-to-group-28,
.__is-member--group-29 .show-to-group-29,
.__is-member--group-30 .show-to-group-30,
.__is-member--group-31 .show-to-group-31 {
  display: block;
}

.body-home .__section-message {
  position: relative;
  display: none;
}

.__is-guest.body-home .__section-message {
  display: block;
}

.body-home .__section-message .__body {
  position: relative;
  padding: 50px 0;
}

.body-home .__message-wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  color: white;
}

.body-home .__message {
  padding-top: 25px;
}

.__is-guest .__section-message {
  display: block;
}

.search-menu-opened .__searchbar {
  width: 90%;
}

.__section-search-menu {
  position: relative;
  display: none;
}

.__section-search-menu .icon-wrapper {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 40px;
  display: none;
  cursor: pointer;
  z-index: 1000;
}

.search-menu-opened .__section-search-menu {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  z-index: 9999;
  max-width: 1200px;
  margin: auto;
}

.__section-search-menu .fluid-container {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  max-width: none;
  margin: auto;
}

.__section-search-menu .fluid-container .__body {
  background: white;
  z-index: 10;
  position: absolute;
  margin: auto;
  height: 100%;
  width: 100%;
  padding-left: 15px;
}

.__section-search-menu .btn-close {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100;
  height: 70px;
  background: rgb(240, 240, 240);
  font-size: 1.1em;
  font-weight: bold;
  color: rgb(100, 100, 100);
  border-top: 1px solid rgb(220, 220, 220);
}

.__section-search-menu .__search-group {
  margin-top: 10px;
  position: relative;
  width: 100%;
}
.__section-search-menu .__search-group .p-product-block {
  width: 100%;
}
.__section-search-menu .link-more {
  position: absolute;
  left: 80px;
  top: 0px;
  color: #1a83be;
  font-size: 1em;
  font-weight: bold;
}
.__section-search-menu .link-more:after {
  content: "\25BA";
}

.__search-group .row {
  margin: 0 0 0 5px;
}
.__search-group .group-title {
  font-size: 1em;
  font-weight: bold;
}

.__search-group .__images,
.__search-group .__keywords {
  padding: 0 0 15px 0;
  list-style: none;
  white-space: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
  margin-bottom: 0;
}

.__search-group .__keyword {
  position: relative;
}
.__search-group.group-keyword-history .__keyword {
  padding-right: 40px;
  border-radius: 10px;
}

.__search-group .__keyword .history-keyword-remover {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 10px;
  right: 10px;
  margin: auto;
  cursor: pointer;
}

.__search-group .__img-wrapper,
.__search-group .__keyword {
  display: inline-block;
}

.__search-group .__keyword {
  border: 1px solid #d4d4d4;
  margin: 0 5px 5px 0;
}

.__search-group .__img-wrapper {
  width: 275px;
  margin: 5px;
  border: 1px solid rgb(200, 200, 200);
}

.__section-search-menu .__keyword-link {
  font-size: 1em;
}

.__section-search-menu .__keyword-link,
.__section-search-menu .__link-img {
  display: block;
}

.__section-message .btn-register {
  display: block;
  margin: 50px auto 10px;
  width: 210px;
  border-radius: 0;
  background-color: #ab8550;
  color: white;
  font-weight: bold;
  padding: 0;
}

.__section-message .btn-register:hover {
  opacity: 0.8;
}

.__section-message .btn-register .btn-link {
  padding: 10px;
  display: block;
  color: white;
}

.__block--news .__body {
  padding: 5 25px;
}

.body-home .flex-container {
  display: flex;
  gap: 25px;
  justify-content: center;
  flex-direction: column;
  margin: auto;
}

.body-home .top-categories {
  flex: 2;
}

.body-home .top-categories .__heading {
  font-weight: bold;
  color: rgb(110, 110, 110);
}

.body-home .top-specialList {
  flex: 1;
}

.body-home .list-title {
  position: relative;
  color: rgb(255, 255, 255);
  text-align: center;
  margin: 20px auto;
  text-shadow: 1px 1px rgba(0,0,0,0.5);
}

.body-home .__menu-list {
  margin-top: 20px;
}

.__menu-list.__menu-list--special {
  margin: auto;
}
.__menu-list.__menu-list--logout .btn--logout {
  height: auto;
  padding: 0;
}
.__menu-list.__menu-list--logout .btn--logout .btn-link {
  display: block;
  padding: 15px;
  color: rgb(50, 50, 50);
}

.body-home .__section-pickups .card {
  padding: 20px;
}

.body-home .__section-pickups .__menu-list .__body {
  box-sizing: border-box;
}
.body-home .card .__tree {
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
  display: flex;
}

.body-home .card .__item {
  width: 50%;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}

.body-home .top-specialList .card {
  min-height: 436px;
}

.body-home .top-specialList .card .__item {
  width: 100%;
  border: none;
  border-bottom: 1px solid rgb(200, 200, 200);
}

.body-home .top-specialList .card .__item:last-child {
  border: none;
}

.body-home .__menu-list .list-link {
  display: block;
  position: relative;
  color: black;
  padding: 12px 10px;
  cursor: pointer;
}

.body-home .__menu-list .list-link:hover {
  color: #0056b3;
}

.body-home .top-specialList .__menu-list .list-link {
  font-size: 1.2em;
}

.body-home .__menu-list .list-link .icon {
  position: absolute;
  right: 5px;
  top: 15px;
  color: rgb(100, 100, 100);
}

._padding-top-bottom-lg {
  padding-top: 40px;
  padding-bottom: 40px;
}

._no-padding {
  padding: 0 !important;
}

/* Top Page Category Section Ends here */

.container-btns {
  width: 150px;
  margin: 30px auto;
}
.btn-m_wrapper {
  display: none;
  text-decoration: none;
  position: relative;
  height: 55px;
  cursor: pointer;
}
.btn-m_wrapper.active {
  display: block;
}
.btn-m_fg,
.c-more,
.c-more > a {
  transition-property: top, right, bottom, left, color, background;
  transition-duration: 0.1s;
  transition-timing-function: linear;
}
.btn-m_wrapper:hover .btn-m_fg,
.c-more:hover {
  background: #646464;
  color: #fff !important;
}
.c-more:hover a {
  color: #fff !important;
  text-decoration: none;
}
.box-circle {
  width: 147px;
  height: 147px;
  border: 1px solid #a8a8a8;
  position: relative;
  display: inline-block;
  margin: 0 10px;
  color: #4b4b4b;
  background: #fff;
}
.p-product-block ul.__product li.__item a {
  color: #222;
}
.main--product-list .__control {
  position: relative;
}
.main--product-list a.btn-quickorder {
  position: absolute;
  right: 36px;
  top: 18px;
  color: #0069c2;
}
.__more.c-more {
  text-align: center;
  cursor: pointer;
  width: 235px;
  height: 43px;
  border: 1px solid #c8c8c8;
  margin: 25px auto;
  line-height: 43px;
  padding: 0;
}
.__more.c-more > a {
  color: #666;
  display: block;
  height: 100%;
  width: 100%;
}
.main.main--home section.__block.__block--category .__body .category-title {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
  text-shadow: 1px 1px 10px #000;
  font-family: serif;
}
.main.main--home section.__block.__block--category .__body ul li:nth-child(4) {
  display: none;
}

.top-calendar-news {
  padding: 0;
  margin-bottom: 15px;
}
.top-calendar-news h4.top-h > span {
  font-weight: bold;
}
.top-calendar-news .top-h {
  margin: auto;
}
section.__block.__block--calendar ul {
  max-width: 370px;
  margin: auto;
  list-style: none;
  padding-left: 20px;
}
.ex-box {
  background-color: #e9d5b9;
}
.aside .__block--paid {
  display: none;
}
.aside .__body .__tree {
  list-style: none;
  padding: 0;
}
.p-product-set table tbody tr td.__description .__shipping-group span {
  background-color: #646464;
  color: #fff;
  border: none;
  padding: 3px 2px;
}
.body-mypage .__row-ceo_last_name,
.body-mypage .__row-ceo_last_name_kana {
  display: none;
}
#guide_menu {
  overflow: hidden;
  padding: 20px 0;
  border: 1px solid #ccc;
  margin: 30px auto;
  width: 95%;
}
#guide_menu ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}
#guide_menu li {
  width: 90%;
  list-style: none;
  background-color: #e6e6e6;
  border-radius: 5px;
  margin: 10px auto;
}
#guide_menu li a {
  font-size: 12px;
  font-weight: 700;
  color: #000;
  text-decoration: none;
  display: block;
  padding: 8px 0 8px 13px;
  position: relative;
}
#guide_menu li a:after {
  content: "\25bc";
  position: absolute;
  right: 15px;
}
.main--howto .__step {
  display: none;
}
.howto-section {
  padding: 30px 10px;
  position: relative;
}
.howto-section .for-anchor-tag {
  position: absolute;
  top: -80px;
}
.howto-section .__list {
  list-style: none;
  padding: 10px;
}
.howto-section .howto-section-title {
  font-size: 2em;
  border-bottom: 1px solid #c8c8c8;
  border-left: 10px solid #646464;
  padding-left: 5px;
}
.howto-section h3.__title {
  font-size: 1.5em;
}
.howto-section .__description {
  margin: 15px auto 32px;
  font-size: 1em;
}
.howto-section .__item {
  margin-top: 30px;
}
.howto-section .__title-emphasized {
  color: red;
}
.howto-section .howto-section-paragraph {
  padding: 10px;
  font-size: 1.1em;
  line-height: 25px;
}
.howto-section .howto-section-subtitle {
  font-size: 1.5em;
  margin-top: 30px;
}
.howto-section .__link-text {
  color: #0073c6;
  font-weight: 700;
}
.body-collection .wrapper.wrapper--page .__inner {
  max-width: 1100px;
  width: 100%;
  overflow: hidden;
}
.body-manufacturing
  .main.main--page.main--page-detail.main--page-detail-1column {
  margin: 0;
  padding: 0;
}
.body-full .wrapper.wrapper--page .__inner {
  width: 100%;
  max-width: none;
}
.body-feature .main.main--page-detail-1column section:not(.__heading),
.body-feature .main.main--page-detail-2column section:not(.__heading) {
  padding: 0;
  margin: 0;
}
.body-feature .__heading {
  display: none;
}
.body-feature .page-guides {
  text-transform: uppercase;
  width: 93%;
  margin: auto;
  max-width: 925px;
}
.body-feature .page-guides a {
  font-size: 0.8em;
}
.body-collection .page-contents {
  margin-top: 19px;
}
.body-collection .text-header {
  font-weight: 700;
  text-align: center;
  margin-bottom: 14px;
}
.body-collection .text-body {
  line-height: 39px;
  text-align: left;
  width: 90%;
  margin: auto;
}
.body-collection .main-img {
  height: 230px;
}

.header .__subbanner-container .inner_item {
  width: 95%;
  max-width: 960px;
  margin: auto;
}
.header .__subbanner-campaign .inner_item {
  padding: 6px 0;
}

.__is-member .header .__subbanner-optional {
  display: none;
}

.header .__subbanner-optional .inner_item {
  padding: 3px 0;
}
.header .__subbanner .campaign-banner {
  background-color: #c1a57e;
  display: none;
}

.__is-guest .header .__subbanner .campaign-banner-guest.active,
.__is-member--group-1
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-1,
.__is-member--group-2
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-2,
.__is-member--group-3
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-3,
.__is-member--group-4
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-4,
.__is-member--group-5
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-5,
.__is-member--group-6
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-6,
.__is-member--group-7
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-7,
.__is-member--group-8
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-8,
.__is-member--group-9
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-9,
.__is-member--group-10
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-10,
.__is-member--group-11
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-11,
.__is-member--group-12
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-12,
.__is-member--group-13
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-13,
.__is-member--group-14
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-14,
.__is-member--group-15
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-15,
.__is-member--group-16
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-16,
.__is-member--group-17
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-17,
.__is-member--group-18
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-18,
.__is-member--group-19
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-19,
.__is-member--group-20
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-20,
.__is-member--group-21
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-21,
.__is-member--group-22
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-22,
.__is-member--group-23
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-23,
.__is-member--group-24
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-24,
.__is-member--group-25
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-25,
.__is-member--group-26
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-26,
.__is-member--group-27
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-27,
.__is-member--group-28
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-28,
.__is-member--group-29
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-29,
.__is-member--group-30
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-30,
.__is-member--group-31
  .header
  .__subbanner
  .campaign-banner.active.campaign-banner-31
 {
  display: block;
}
.header .__subbanner .__subbanner-optional {
  background-color: #4f4538;
  color: #fff;
}
.header .__subbanner .campaign-banner .bar-link {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header .__subbanner .campaign-banner .bar-link-label {
  color: #fff;
  font-weight: 700;
  background-color: #402e32;
  display: inline-block;
  font-size: 1em;
  padding: 0 0.5em;
  vertical-align: middle;
  margin-right: 0.5em;
  margin-bottom: 3px;
}
.header .__subbanner .__subbanner-optional .bar-link {
  color: #e4e4e4;
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: underline;
  font-size: 12px;
}

.header .__subbanner .subheader-container .bar-link:hover {
  opacity: 0.8;
}

.body-collection .carousel,
.body-collection .carousel-item {
  height: 100%;
}
.body-collection .sub-list {
  margin-bottom: 50px;
}
.body-feature .list-img-link {
  display: block;
  padding: 5px;
  color: #323232;
}
.btn-m_wrapper:hover {
  text-decoration: none;
}
.body-feature .list-title {
  margin: 10px 0 0;
}
.body-feature .more-header {
  text-align: center;
  text-transform: uppercase;
}
.body-manufacturing .more-header {
  margin-top: 30px;
}
.body-feature .btn-m_wrapper {
  display: block;
  margin: auto;
}
.body-manufacturing .contents-lg-banner {
  height: 400px;
}
.body-manufacturing .banner-message-img {
  max-height: 104px;
}
.body-manufacturing .banner-message {
  text-align: center;
  color: #fff;
  padding-top: 125px;
  text-shadow: 1px 1px 1px #000;
}
.body-manufacturing .message-main {
  text-transform: uppercase;
  font-size: 2em;
  letter-spacing: 1px;
}
.body-manufacturing .message-sub {
  font-size: 1em;
  padding: 20px 54px;
}
.body-manufacturing .page-guides {
  padding: 25px;
  width: 100%;
  color: #fff;
  font-size: 1.1em;
  text-shadow: 1px 1px 15px #000;
  max-width: 1250px;
}
.body-manufacturing .page-guides > a {
  color: #fff;
  font-size: 1.1em;
}
.body-manufacturing a,
.body-manufacturing div {
  box-sizing: border-box;
}
.body-manufacturing .contents-header {
  text-align: center;
  font-size: 1.5em;
  margin: 40px auto;
  font-weight: 700;
}
.body-manufacturing .contents-wrapper {
  width: 95%;
  margin: 50px auto;
  max-width: 1125px;
}
.body-manufacturing .contents-wrapper-full {
  width: 100%;
  max-width: none;
  position: relative;
  margin-bottom: 25px;
}
.body-manufacturing .slideshow-box .text-body {
  padding: 0 25px;
  line-height: 40px;
  font-size: 1em;
}
.body-manufacturing .text-header {
  font-size: 2em;
  font-weight: 700;
  font-family: "Times New Roman", "Yu Mincho", YuMincho, serif;
}
.body-manufacturing .text-border {
  width: 59px;
  text-align: left;
  position: relative;
  margin: 10px 0;
  border-color: #545454;
}
.body-manufacturing video.media-video {
  display: block;
  width: 100%;
}
.body-manufacturing .contents-media {
  overflow: hidden;
}
.body-manufacturing .media-img {
  background: #f7f1f1;
}
.body-manufacturing .text-body {
  line-height: 38px;
  font-size: 1em;
  padding: 10px 4px;
  text-align: left;
  font-family: "Times New Roman", "Yu Mincho", YuMincho, serif;
}
.body-feature .btn-contents {
  text-align: center;
}
.body-manufacturing a.btn.btn-border.btn-border-form.link-text {
  padding: 26px 89px;
}
.body-manufacturing a.btn.btn-border.btn-border-form.link-text:hover {
  background-color: #000;
  color: #fff;
}
.body-manufacturing .__to-home {
  margin: 100px 0 0 90px;
}
.jconfirm-box-container.jconfirm-animated.col-md-4.col-md-offset-4.col-sm-6.col-sm-offset-3.col-xs-10.col-xs-offset-1.jconfirm-no-transition {
  max-width: none;
}
.jconfirm-box .jconfirm-content .__link {
  padding: 10px;
  border: 1px solid #c8c8c8;
  display: block;
  text-align: center;
  background: #dc3545;
  color: #fff;
  font-size: 1.5em;
  margin: 0 auto 11px;
}
.__inner-contents .__contents-header {
  margin-top: 20px;
  border-bottom: 1px solid #c8c8c8;
}
.__inner-contents .__header-title {
  font-weight: 300;
}
.__inner-contents .__card-wrapper {
  position: relative;
  border: 1px solid #c8c8c8;
  border-radius: 0;
  overflow: hidden;
}
.__inner-contents .__contents-wrapper {
  margin: 29px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.__inner-contents .__card-title {
  text-align: center;
  display: block;
  font-size: 1.2em;
  margin: 12px auto;
  color: #000;
}
.__inner-contents .__card-wrapper:hover .__card-title {
  color: #355fdc;
}
.__inner-contents .__card-btn {
  position: absolute;
  width: 70%;
  border: none;
  background: rgba(240, 240, 240, 0.8);
  padding: 10px;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: auto;
  font-weight: 700;
  border-radius: 30px;
  cursor: pointer;
}
.__inner-contents .__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 3%;
  width: 95%;
}
.__inner-contents .__contents-wrapper-3 .__card {
  width: 100%;
}
.__inner-contents .__contents-wrapper-3 .__card:nth-child(2),
.__inner-contents .__contents-wrapper-3 .__card:nth-child(3),
.body-product-detail .hide,
.main--product-detail .__block--recommend {
  display: none;
}
.feature-archive .page-contents {
  margin-top: 15px;
}
.feature-archive .contents-collection {
  display: none;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.feature-archive .contents-collection.active {
  display: block;
}
.feature-archive .page-contents-inner {
  width: 92%;
  margin: auto;
}
.feature-archive .navigation-wrapper_inner {
  padding: 15px 0 25px;
}
.feature-archive .navigation-lists {
  padding: 0;
  border-bottom: 1px solid #cfcfcf;
}
.feature-archive .navigation-list {
  margin: 0 0 0 5px;
  font-size: 1em;
  display: inline-block;
  cursor: pointer;
}
.feature-archive .contents-collection-label {
  font-size: 1em;
  margin: 8px 7px 0;
  color: #000;
}
.feature-archive .navigation-list.active {
  border-bottom: 4px solid #000;
  padding-bottom: 2px;
}
.feature-archive .contents-collection-img-wrapper {
  position: relative;
}
.feature-archive .contents-collection-img-wrapper::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.feature-archive .contents-collection-link {
  display: block;
}
.feature-archive .contents-collection-img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

.for-pet .box {
  position: relative;
  max-width: 100%;
  height: 500px;
  margin: auto;
  overflow: hidden;
}

.for-pet .bgImg {
  background-size: cover;
  background-position: center;
  background-size: cover;
  background-position: center;
}

.for-pet .box .bgImg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  animation: bgAnime 25s infinite;
}

.for-pet .box .src1 {
  background-image: url(https://shiseihanbai.biz/uploads/2021/forpet/top7.jpg);
}

.for-pet .box .src2 {
  background-image: url(https://shiseihanbai.biz/uploads/2021/forpet/top2.jpg);
  animation-delay: 5s;
}

.for-pet .box .src3 {
  background-image: url(https://shiseihanbai.biz/uploads/2021/forpet/top6.jpg);
  animation-delay: 10s;
}

.for-pet .box .src4 {
  background-image: url(https://shiseihanbai.biz/uploads/2021/forpet/top4.jpg);
  animation-delay: 15s;
}

.for-pet .box .src5 {
  background-image: url(https://shiseihanbai.biz/uploads/2021/forpet/top5.jpg);
  animation-delay: 20s;
}

.for-pet .box .boxString {
  position: absolute;
  display: inline-block;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
}

.for-pet .top-logo {
  max-width: 250px;
}

.for-pet .pr-contents {
  margin-top: 70px;
}

.for-pet .pr-contents-scond-area {
  margin-top: 70px;
}

.for-pet .messege-wrapper {
  padding: 2vw 3vw;
  margin-bottom: 80px;
}

.for-pet .messege-title {
  font-size: 28px;
  margin-bottom: 20px;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
}

.for-pet .messege-exp {
  font-size: larger;
  font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  line-height: 1.8;
}

.for-pet .lineup-contents {
  margin-top: 180px !important;
}

.for-pet .sub-title {
  font-size: xx-large;
  font-family: "EB Garamond", serif;
  margin-bottom: 15px;
}

.for-pet .uservoice-contents {
  margin: 100px 0 150px 0 !important;
}

.for-pet .voice-kakomi-box {
  margin: 1em auto;
  padding: 1em;
  width: 90%;
  background-color: #fff;
  border: 1px solid #ccc;
}

.for-pet .voice-img-position {
  text-align: center;
}

.for-pet .voice-img {
  width: 140px;
  max-width: none;
}

.for-pet .voice-inner-inner {
  box-sizing: border-box;
  padding: 10px;
}

.for-pet .voice-inner-title {
  margin-bottom: 10px;
}

.for-pet .voice-comment .p {
  margin-bottom: 2px;
}

.for-pet .img-area {
  overflow: hidden;
  position: relative;
}

.for-pet .img-area .caption {
  font-size: 100%;
  text-align: center;
  padding-top: 55px;
  color: #fff;
  font-family: "EB Garamond", serif;
}

.for-pet .img-area .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.for-pet .img-area:hover .mask {
  opacity: 1;
}

.box-overflow {
  overflow: scroll;
}
.label-checkbox {
  margin: 5px;
}
.box-error {
  display: none;
  text-align: center;
  color: #c80505;
}
.section-carousel .flickity-prev-next-button {
  display: none;
}
#carousel-recommend .flickity-prev-next-button.next,
.carousel-recommend-list .flickity-prev-next-button.next {
  right: 28%;
  top: auto;
  bottom: 0;
  z-index: 1000;
}
#carousel-recommend .flickity-prev-next-button.previous,
.carousel-recommend-list .flickity-prev-next-button.previous {
  left: 28%;
  top: auto;
  bottom: 0;
  z-index: 1000;
}
#carousel-recommend .flickity-page-dots,
.carousel-recommend-list .flickity-page-dots {
  bottom: 38px;
}
#carousel-recommend .flickity-prev-next-button,
.carousel-recommend-list .flickity-prev-next-button {
  width: 30px;
}
#carousel-recommend .p-product-block--compact,
.carousel-recommend-list .p-product-block--compact {
  width: 100%;
}
#carousel-recommend-contents,
.carousel-recommend-list-contents {
  position: relative;
  height: 200vw;
  max-height: 680px;
  max-width: 430px;
  margin: auto;
}
#carousel-recommend .carousel-cell,
#carousel-recommend .flickity-viewport,
.carousel-recommend-list .carousel-cell,
.carousel-recommend-list .flickity-viewport {
  height: 100% !important;
  width: 100%;
}
#carousel-recommend ._products-list,
.carousel-recommend-list ._products-list {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  padding: 1em 0.5em 0;
  width: 50%;
}
.main--cart .carousel-recommend-list,
.main--mypage .carousel-recommend-list,
.main--order.main--order-finish .carousel-recommend-list {
  margin-top: 50px;
}
li._products-list._products-list:hover a {
  text-decoration-color: black;
  color: #000;
}
#carousel-recommend ._products-list dt,
.carousel-recommend-list ._products-list dt {
  padding-right: 8px;
  font-weight: 400;
}
#carousel-recommend ._products-list dd,
#carousel-recommend ._products-list dt,
.carousel-recommend-list ._products-list dd,
.carousel-recommend-list ._products-list dt {
  display: inline-block;
}
#carousel-recommend ._products-list ._products-list-title,
.carousel-recommend-list ._products-list ._products-list-title {
  font-size: 1em;
  color: #000;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  word-break: break-all;
}
#carousel-recommend ._products-list-10,
#carousel-recommend ._products-list-11,
#carousel-recommend ._products-list-4,
#carousel-recommend ._products-list-5,
.carousel-recommend-list ._products-list-10,
.carousel-recommend-list ._products-list-11,
.carousel-recommend-list ._products-list-4,
.carousel-recommend-list ._products-list-5 {
  display: none;
}
#carousel-recommend .cell-list_products,
.carousel-recommend-list .cell-list_products {
  padding: 0;
}
.jconfirm-silveregg {
  margin: auto;
}
.jconfirm-silveregg .js-recommend-header {
  text-align: center;
  height: 45px;
  width: 100%;
  background-color: #eaeaea;
  font-size: 14px;
  line-height: 45px;
}
.jconfirm-silveregg h3.__title {
  font-size: 1em;
  font-weight: 400;
  margin-top: 5px;
}
.jconfirm-silveregg .__description .__price dd,
.jconfirm-silveregg .__description .__price dt {
  display: inline-block;
  font-weight: 400;
}
.jconfirm-silveregg .__description .__price dd {
  margin-left: 15px;
}
.jconfirm-silveregg .rp-contents-lists {
  padding: 0;
}
.jconfirm-silveregg .rp-contents-list {
  list-style: none;
  display: inline-block;
  width: 49%;
  vertical-align: top;
}
.jconfirm-silveregg .js-recommend-container {
  margin-top: 20px;
  height: 300px;
  overflow-y: auto;
}
#concept-shesay .article-wrapper .__text > span::after {
  content: "\a";
  white-space: pre;
}
#concept-shesay {
  margin: 50px auto;
}
#concept-shesay .article-wrapper {
  margin: 10px auto;
  padding: 0 15px;
}
#concept-shesay .article-wrapper .__text {
  line-height: 40px;
  text-align: center;
}
#concept-shesay .article-wrapper .__text > span {
  font-size: 1.1em;
}
#concept-shesay .logo-wrapper {
  width: 80%;
  max-width: 300px;
  height: 300px;
  margin: 0 auto;
  position: relative;
}
#concept-shesay .logo-main {
  width: 220px;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: -20%;
  right: 0;
  left: 0;
  margin: auto;
}
#concept-shesay .logo-sub {
  position: absolute;
  width: 100px;
  top: -30%;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.feature-landing .wrapper .__inner .main,
.wrapper .__inner .aside {
  padding: 0;
}
.feature-landing .header-wrapper {
  max-width: 1000px;
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
}
.feature-landing .text-normalized {
  font-size: 23.5px;
}
.feature-landing .page-title-wrapper {
  float: left;
  margin: 0 10px;
}
.feature-landing .feature-landing .wrapper .__inner {
  min-height: unset;
  max-width: none;
}
.feature-landing .page-section {
  position: relative;
}
.col-md-6,
.feature-landing .col {
  box-sizing: border-box;
}
.feature-landing #section-desc {
  padding: 0 0 70px;
}
.feature-landing #section-message {
  position: relative;
  height: 500px;
}
.feature-landing footer {
  max-width: none;
  padding: 30px 10px;
  background-color: #efefef;
}
.feature-landing #footer-nav a,
.feature-landing #footer-nav li,
.feature-landing #footer-nav span,
.feature-landing .footer .copyright {
  color: #323232;
}
.feature-landing .row-area {
  width: 90%;
  max-width: 1000px;
  margin: auto;
  padding-top: 100px;
}
.feature-landing .img-top {
  width: 100%;
  margin: auto;
}
.feature-landing .border-wrapper {
  position: relative;
  width: 95%;
  max-width: 1000px;
  margin: auto;
  padding: 30px 0;
  border: 1px solid #646464;
}
.feature-landing .wrapper-title {
  position: absolute;
  display: block;
  top: -12px;
  right: 0;
  left: 0;
  width: 220px;
  margin: auto;
  background: #fff;
  color: #646464;
  text-align: center;
}
.feature-landing .icon-facebook,
.feature-landing .icon-insta,
.feature-landing .icon-youtube {
  width: 30px;
}
.icon-sm {
  width: 16px !important;
  padding-bottom: 2px;
}
.mouseover a:hover img {
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.box-topic {
  box-sizing: border-box;
}

.vr-exhibition .contents-lg-banner {
  height: 500px;
}
.vr-exhibition .btn-wrap {
  position: relative;
  padding: 10px;
}
.vr-exhibition a.btn-border {
  font-family: "Times New Roman", "Yu Mincho", YuMincho, "serif";
  font-size: x-small;
  text-align: center;
  cursor: pointer;
  width: 90px;
  border: 1px solid #000;
  border-radius: 0;
  margin: auto;
  padding: 4px;
  display: block;
  float: right;
}
.vr-exhibition a.btn-border:hover {
  font-family: "Times New Roman", "Yu Mincho", YuMincho, "serif";
  font-size: x-small;
  color: #fff;
  text-align: center;
  cursor: pointer;
  width: 90px;
  border: 1px solid #000;
  border-radius: 0;
  margin: auto;
  background: #000;
  padding: 4px;
  display: block;
  float: right;
}
.vr-exhibition .link-text {
  color: #000;
}
.vr-exhibition .title-wrap {
  padding-top: 165px;
  text-align: center;
}
.vr-exhibition p.main-title {
  color: #fff;
  font-family: "Times New Roman", "Yu Mincho", YuMincho, "serif";
  font-size: x-large;
  letter-spacing: 0.05em;
  line-height: 0.3;
  margin-bottom: 0;
}
.vr-exhibition .contents-wrap {
  width: 100%;
  margin: 0 auto 80px;
  max-width: 960px;
  text-align: center;
  padding: 0 20px;
}
.vr-exhibition .move {
  margin-top: 40px;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.vr-exhibition .move iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.vr-exhibition .point-inner {
  box-sizing: border-box;
}
.vr-exhibition p.point-text {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: medium;
  font-family: "Times New Roman", "Yu Mincho", YuMincho, "serif";
}
.vr-exhibition .point-img {
  margin: auto;
  max-width: 75%;
}
.vr-exhibition a.btn-border-form {
  width: 280px;
  padding: 12px;
  font-size: medium;
  display: block;
  float: none;
}
.vr-exhibition a.btn-border-form:hover {
  width: 280px;
  padding: 12px;
  font-size: medium;
  float: none;
}
.vr-exhibition .youtube-wrap {
  margin-top: 150px;
  margin-bottom: 150px;
}

.feature-regularly .contents-wrap {
  width: 100%;
  margin: 0 auto 40px;
  max-width: 960px;
  text-align: center;
  padding: 0;
}
.feature-regularly .messege-wrap {
  margin-top: 40px;
  margin-bottom: 40px;
}
.feature-regularly p.title-goth {
  margin-top: 30px;
  font-size: x-large;
  font-family: acumin-pro, ryo-gothic-plusn, sans-serif;
  font-weight: 700;
}
.feature-regularly p.messege {
  margin-top: 80px;
  margin-bottom: 60px;
  font-size: medium;
  font-family: "Times New Roman", "Yu Mincho", YuMincho, "serif";
}
.feature-regularly p.messege-title {
  font-size: x-large;
  font-family: "Times New Roman", "Yu Mincho", YuMincho, "serif";
  margin-bottom: 30px;
}
.feature-regularly p.messege-subtitle {
  font-size: x-large;
  font-family: "Times New Roman", "Yu Mincho", YuMincho, "serif";
  margin-bottom: 10px;
}
.feature-regularly .messege-s {
  font-size: small;
}
.feature-regularly .p-wrap {
  box-sizing: border-box;
}

.fadein {
  opacity: 0;
  transform: translatey(20px);
  transition: 1s;
}
.reuse-lp .contents-lg-banner {
  height: 600px;
}
.reuse-lp .contents-wrap {
  width: 100%;
  margin: 0 auto 80px;
  max-width: 1000px;
  text-align: center;
  padding: 0 20px;
}
.reuse-lp .title-wrap {
  padding-top: 150px;
  padding-left: 26px;
  padding-top: px;
  text-align: left;
}
.reuse-lp .reuse-messege-wrap {
  margin-top: 100px;
  margin-bottom: 40px;
}
.reuse-lp .reuse-maintitle {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #fff;
  font-weight: 600;
  font-size: 30px;
  font-family: yugothic, "yu gothic medium", "yu gothic", meiryo, sans-serif;
}
.reuse-lp .reuse-title {
  font-weight: 700;
  margin-bottom: 30px;
  font-size: 1.8em;
  text-align: left;
  color: #707070;
  font-family: yugothic, "yu gothic medium", "yu gothic", meiryo, sans-serif;
}
.reuse-lp .reuse-story {
  line-height: 1.8em;
  margin-top: 20px;
  font-size: medium;
  color: #707070;
  font-family: yugothic, "yu gothic medium", "yu gothic", meiryo, sans-serif;
}
.reuse-lp .sub-img-warp {
  margin-top: 70px;
}
.reuse-lp .sub-img {
  padding-top: 50px;
  max-width: 80%;
  margin: auto;
}
.reuse-lp .sub-img-right {
  padding-top: 80px;
  max-width: 80%;
  margin: auto;
}
.reuse-lp .div.vid_contents {
  width: 100%;
  text-align: center;
  margin: auto;
  padding: 4%;
  background: #e6e6e6;
}
video.vid_main {
  width: 100%;
}
.reuse-lp .reuse-title-end {
  font-size: 20px;
  line-height: 1.8em;
  color: #707070;
  font-family: yugothic, "yu gothic medium", "yu gothic", meiryo, sans-serif;
}
.reuse-lp .brand-logo-img {
  max-width: 70%;
  padding: 20px;
}
.reuse-lp .btn-wrap {
  margin-top: 50px;
  margin-bottom: 150px;
}
.reuse-lp .btn-area {
  margin-bottom: 15px;
}
.reuse-lp a.btn-border {
  max-width: 100%;
  padding: 20px;
  font-size: medium;
  border: 1px solid #d5d3d3;
  color: #959191;
  font-family: yugothic, "yu gothic medium", "yu gothic", meiryo, sans-serif;
}
.reuse-lp a.btn-border:hover {
  max-width: 100%;
  padding: 20px;
  font-size: medium;
  font-family: yugothic, "yu gothic medium", "yu gothic", meiryo, sans-serif;
  background-color: #d5d3d3;
  border: 0;
}

@keyframes bgAnime {
  0%,
  100%,
  30% {
    opacity: 0;
  }
  25%,
  5% {
    opacity: 1;
  }
}

@-webkit-keyframes imgTrans {
  0%,
  100%,
  25% {
    opacity: 0;
  }
  18%,
  7% {
    opacity: 1;
  }
}
@-moz-keyframes imgTrans {
  0%,
  100%,
  25% {
    opacity: 0;
  }
  18%,
  7% {
    opacity: 1;
  }
}
@keyframes imgTrans {
  0%,
  100%,
  25% {
    opacity: 0;
  }
  18%,
  7% {
    opacity: 1;
  }
}

@media screen and (min-width: 340px) {
  #carousel-recommend-contents,
  .carousel-recommend-list-contents {
    height: 167vw;
  }
}
@media screen and (min-width: 425px) {
  .flicky-carousel-cell {
    width: 425px;
  }
  .body-collection .contents-banner,
  .body-collection .main-img {
    margin: auto;
    height: auto;
  }
  .body-manufacturing video.media-video {
    width: 100%;
    height: auto;
  }
  .for-pet .img-area .caption {
    font-size: 100%;
    text-align: center;
    padding-top: 50px;
    font-family: "EB Garamond", serif;
  }

  .for-pet .img-area .caption {
    font-size: 100%;
    text-align: center;
    padding-top: 50px;
    font-family: "EB Garamond", serif;
  }
}
@media screen and (min-width: 600px) {
  .__block--pro-new .p-product-block ul.__product li.__item,
  .__block--pro-new
    .p-product-block.p-product-block--compact
    ul.__product
    li.__item,
  .p-product-block ul.__product li.__item,
  .p-product-block.p-product-block--compact ul.__product li.__item {
    width: 33.3%;
  }
  .p-product-block ul.__product li.__item a .__photo img {
    max-height: none;
  }
  .main.main--product-detail
    section.__information
    .__primary
    .__photo
    .__sub
    ul
    li {
    width: 50%;
    box-sizing: border-box;
  }
  .main.main--product-detail
    section.__information
    .__primary
    .__photo
    .__sub
    ul
    li
    a
    img {
    max-height: none;
  }
  .body-corporate section.__block.__block--calendar ul li {
    padding: 0;
    float: none;
    width: 100%;
  }

  #carousel-recommend-contents,
  .carousel-recommend-list-contents {
    max-width: none;
    max-height: 790px;
    height: 106vw;
  }
  #carousel-recommend ._products-list,
  .carousel-recommend-list ._products-list {
    display: inline-block;
    width: 33.3%;
  }
  #carousel-recommend .flickity-prev-next-button.next,
  #carousel-recommend .flickity-prev-next-button.previous,
  .carousel-recommend-list .flickity-prev-next-button.next,
  .carousel-recommend-list .flickity-prev-next-button.previous {
    top: 96%;
  }
  #carousel-recommend .flickity-page-dots,
  .carousel-recommend-list .flickity-page-dots {
    bottom: 3%;
  }
}

@media screen and (min-width: 650px) {
  .br-pc {
    display: block;
  }
  .br-sp {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  .br-pc {
    display: none;
  }
  .br-sp {
    display: block;
  }
}
@media screen and (min-width: 770px) {
  .header .__subbanner .__subbanner-optional .bar-link {
    text-align: left;
  }
  .__block--pro-new .p-product-block ul.__product li.__item,
  .__block--pro-new
    .p-product-block.p-product-block--compact
    ul.__product
    li.__item,
  .p-product-block ul.__product li.__item,
  .p-product-block.p-product-block--compact ul.__product li.__item {
    width: 31%;
  }
  section.__block.__block--series .flex-container .box-card {
    flex-basis: 50%;
    margin-bottom: 10%;
  }
  .box-card_text {
    margin: unset;
  }
  .jconfirm-silveregg .rp-contents-list {
    width: 23.5%;
    margin: 0 0.5%;
  }
  .jconfirm-silveregg {
    display: block;
  }
  .main.main--product-detail section.__information .__primary {
    margin-top: 1em;
    width: 37%;
    float: left;
    padding: 0 0.75em 0 0;
  }
  .body-news-detail .wrapper.wrapper--column-2 .__inner .main {
    width: 80%;
    margin: 20px auto;
    max-width: 740px;
  }
  .body-collection .text-body {
    text-align: center;
  }
  #carousel-recommend ._products-list,
  .carousel-recommend-list ._products-list {
    width: 31.3%;
  }
  #carousel-recommend ._products-list-10,
  #carousel-recommend ._products-list-11,
  #carousel-recommend ._products-list-4,
  #carousel-recommend ._products-list-5,
  .carousel-recommend-list ._products-list-10,
  .carousel-recommend-list ._products-list-11,
  .carousel-recommend-list ._products-list-4,
  .carousel-recommend-list ._products-list-5 {
    display: inline-block;
  }

  .vr-exhibition .btn-wrap {
    padding: 30px;
  }
  .vr-exhibition a.btn-border,
  .vr-exhibition a.btn-border:hover {
    width: 180px;
    font-size: medium;
    padding: 12px;
  }
  .vr-exhibition p.main-title {
    font-size: xx-large;
  }
  .vr-exhibition a.btn-border-form,
  .vr-exhibition a.btn-border-form:hover {
    width: 300px;
    padding: 12px;
    font-size: medium;
  }

  .feature-landing #section-desc {
    max-width: none;
  }
  .feature-landing #section-message {
    height: 700px;
  }
  .feature-landing .border-wrapper {
    padding-bottom: 80px;
  }
  .__inner-hardcopy .btn-outline {
    height: 100px;
  }
  .feature-landing .row-area {
    padding-top: 60px;
  }
}
@media screen and (min-width: 960px) {
  .__block--events .box-event {
    max-width: none;
  }

  .__block--pro-new .p-product-block ul.__product li.__item,
  .__block--pro-new
    .p-product-block.p-product-block--compact
    ul.__product
    li.__item,
  .p-product-block ul.__product li.__item,
  .p-product-block.p-product-block--compact ul.__product li.__item {
    width: 18%;
  }
  #search-modal
    .p-product-block.p-product-block--compact
    ul.__product
    li.__item {
    width: 15.3%;
  }

  #carousel-recommend-contents,
  .carousel-recommend-list-contents {
    height: 31vw;
    max-width: 1250px;
    max-height: 345px;
  }
  #carousel-recommend ._products-list-10,
  #carousel-recommend ._products-list-5,
  .carousel-recommend-list ._products-list-10,
  .carousel-recommend-list ._products-list-5 {
    display: none;
  }
  .body-collection .text-body {
    font-size: 1.2em;
    line-height: 39px;
    text-align: left;
  }
  .feature-archive .page-contents-inner {
    width: 100%;
  }
  .feature-archive .navigation-list {
    margin: 0 12px 0 5px;
    font-size: 1.4em;
  }
  #carousel-recommend ._products-list,
  .carousel-recommend-list ._products-list {
    width: 18%;
  }
  .__block--others-checks
    .p-product-block.p-product-block--compact
    ul.__product
    li.__item {
    width: 16.6%;
  }
}
@media screen and (min-width: 992px) {
  .body-collection .main-text {
    padding-right: 25px;
    padding-top: 25px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .reuse-lp .contents-lg-banner {
    height: 600px;
  }
  .reuse-lp a.btn-border,
  .reuse-lp a.btn-border:hover {
    width: 600px;
  }

  .for-pet .top-logo {
    max-width: 400px;
  }

  .for-pet .pr-contents {
    margin-top: 120px;
  }

  .for-pet .messege-wrapper {
    margin-bottom: 0px;
  }

  .for-pet .messege-exp {
    line-height: 1.5;
    font-size: 15px;
  }

  .for-pet .lineup-contents {
    margin-top: 80px;
  }

  .for-pet .img-area .caption {
    font-size: 100%;
    text-align: center;
    padding-top: 50px;
    font-family: "EB Garamond", serif;
  }

  .for-pet .voice-img-position {
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  /* .__horizontal-scroll,
  #search-modal .p-product-block.p-product-block--compact ul.__product,
  .__search-group .__images,
  .__search-group .__keywords {
    overflow: hidden;
  } */

  .body-home .__section-pickups .__bg-cover {
    background: url(https://shiseihanbai.biz/uploads/dev/assets/background-min_1.jpg);
    background-size: 300%;
  }
  .body-home .__block.__block--free.__block--free-3 .__bg-cover{
    background: url(https://shiseihanbai.biz/uploads/dev/assets/background-min_5.jpg);
    background-size: 300%;
  }

  .__navbar-keywords-container{
    margin: auto;
  }

  .wrapper.wrapper--column-2 .__inner .aside {
    display: block;
  }
  #guide_menu ul {
    width: 50%;
  }
  .howto-section .for-anchor-tag {
    position: absolute;
    top: 0;
  }
  .main.main--home section.__block.__block--category .__body .category-title {
    float: left;
    text-align: center;
    color: #646464;
    width: 50%;
    font-size: 1em;
    text-shadow: none;
    height: 100%;
  }
  .main.main--home
    section.__block.__block--category
    .__body
    .category-title
    > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 35px;
  }
  .main.main--home section.__block.__block--category .__body img {
    width: 50%;
    float: right;
  }
  .aside .__block--category,
  .aside .guides-sidemenu-wrapper {
    display: block;
  }
  .footer-tryout,
  .header .gnav-sp {
    display: none !important;
  }
  .__inner .__inner-hardcopy {
    margin: auto;
  }
  html body {
    padding-top: 0 !important;
  }
  .section-carousel {
    margin-bottom: 50px;
  }
  .__inner-contents .__card {
    width: 41%;
  }
  .__inner-contents .__contents-wrapper-3 .__card {
    width: 32%;
    margin: 0.5%;
  }
  .__inner-contents .__contents-wrapper-3 .__card:nth-child(2),
  .__inner-contents .__contents-wrapper-3 .__card:nth-child(3) {
    display: block;
  }
  .main.main--home
    section.__block.__block--category
    .__body
    ul
    li:nth-child(4) {
    display: inline-block;
  }
  .__block--banner,
  .__block--cart,
  .__block--login,
  .__block--search,
  .__wrapper-desktop,
  .aside .__block--category,
  .sidemenu-category {
    display: block;
  }
  .__wrapper-mobile {
    display: none;
  }
  .wrapper .__block--banner {
    width: 100%;
  }

  .body-home .__block.__block--free.__block--free-3 .flex-container {
    max-width: 1300px;
  }

  .main.main--home section.__block.__block--category .__body ul li {
    width: 30% !important;
    margin: 1.5%;
  }
  .body-home .main.main--home section.__block.__block--limited-free-2 {
    margin-top: 0;
  }
  .wrapper.wrapper--column-2 .__inner .aside {
    float: left;
    width: 20%;
    display: block;
    padding: 0;
    margin: 70px auto 0;
  }

  .alert-desktop-notification .inner_item {
    max-width: 1280px;
  }
  .userIsConsumer .logo-message {
    margin-top: 0;
  }
  .link-register {
    margin: auto;
  }
  .body-home .alert-desktop-notification {
    display: block;
  }

  .body-home .flex-container {
    flex-wrap: wrap;
    flex-direction: row;
  }

  .body-home .__section-pickups .card {
    flex-flow: row;
    gap: 35px;
    min-height: 436px;
  }
  .body-home .card .column {
    flex: 1;
  }

  .body-home .__menu-list-garden {
    margin-top: 35px;
  }

  .wrapper--cart,
  .wrapper--contact,
  .wrapper--corporate,
  .wrapper--howto,
  .wrapper--kiyaku,
  .wrapper--login,
  .wrapper--page-detail,
  .wrapper--password-form,
  .wrapper-- {
    padding: 0;
  }
  .__block--pro-new,
  .__block--pro-ranking,
  .__block--pro-viewed,
  .__block--segg,
  .__block.__block--popular {
    margin: auto;
    position: relative;
    width: 100%;
  }
  .wrapper.wrapper--column-2 .__inner .main {
    width: 77%;
    float: right;
    padding: 0;
    margin-top: 20px;
  }
  .wrapper--home.wrapper.wrapper--column-2 .__inner .main {
    margin-top: 0px;
  }
  .main--contact-form {
    margin-top: 20px;
  }
  .body-login .wrapper .__inner .main,
  .body-password-form .wrapper .__inner .main,
  .body-regist .wrapper .__inner .main,
  .feature-regist-guide .__inner .main {
    margin: 50px auto;
    border: 1px solid #dcdcdc;
    padding: 40px;
    width: 500px;
  }
  .body-regist .wrapper .__inner .main {
    width: 740px;
  }
  .body-cart .wrapper .__inner,
  .body-contact .wrapper .__inner,
  .body-corporate .wrapper .__inner,
  .body-howto .wrapper .__inner,
  .body-kiyaku .wrapper .__inner,
  .body-law .wrapper .__inner,
  .body-login .wrapper .__inner,
  .body-mypage .wrapper .__inner,
  .body-news .wrapper .__inner,
  .body-page-detail .wrapper .__inner,
  .body-password-form .wrapper .__inner,
  .body-privacy .wrapper .__inner,
  .body-quickorder .wrapper .__inner,
  .body-regist .wrapper .__inner,
  .body-sitemap .wrapper .__inner {
    max-width: 1100px;
    min-height: 540px;
  }

  .main.main--product-detail section.__information .__primary {
    width: 32%;
  }
  .main.main--product-detail section.__information .__secondary {
    width: 65%;
  }
  .main.main--home section.__block {
    background: 0 0;
  }

  .__is-guest .header .btn-logout,
  .__is-guest .header .btn-mypage {
    display: none;
  }
  .__is-guest .header .btn-login,
  .__is-guest .header .btn-register {
    display: block;
  }
  .__is-member .header-nav .header-main .__inner-right .container-user {
    display: none;
  }
  .__is-member .header .btn-logout,
  .__is-member .header .btn-mypage,
  .__is-member .header-nav .header-main .__inner-right .container-search {
    display: block;
  }
  .__block--pro-new,
  .__block--pro-ranking,
  .__block--pro-viewed {
    display: block;
    margin: 20px auto auto;
    width: 100%;
  }
  .__is-member .__block--cta,
  .__is-member .__block--explanation {
    display: none !important;
  }
  .main.main--product-detail
    section.__information
    .__primary
    .__photo
    .__sub
    ul
    li {
    width: 33%;
  }
  .p-product-block ul.__product li.__item a .__photo img {
    max-height: none;
    border-radius: 5px;
  }
  .__block--pro-viewed .c-heading-main,
  .__block > .top-new_product,
  .__block > .top-ranking {
    text-align: center;
    padding: 8px 5px 1px;
    margin-bottom: 25px;
  }
  .__block--pro-viewed .c-heading-main {
    border-bottom: 0;
    font-size: 2em;
  }
  .__block--pro-viewed .__heading span {
    font-size: 1em;
    line-height: 40px;
  }
  .__more.c-more {
    width: 194px;
    height: 53px;
    line-height: 51px;
    margin: 20px auto;
    border: 1px solid #888;
    padding: 0;
  }
  .__block--pro-new .__body .__product li.__item {
    width: 24.05%;
  }
  .__block--free-2 {
    display: block;
  }
  .flickity-viewport {
    height: 525px !important;
  }
  .gnav-pc {
    display: block;
    background: 0 0;
  }

  .__main-nav .__lists {
    top: 11px;
  }

  .__item .btn .icon-wrapper .__icon.fa {
    font-size: 25px;
    top: 3px;
  }

  .__main-nav .__item.layout-desktop {
    display: inline-block;
  }

  .__main-nav .__logo-wrapper {
    width: 140px;
  }

  .__main-nav-section {
    padding-top: 6px;
    height: 95px;
  }

  .main-container {
    position: relative;
    width: 95%;
    max-width: 1140px;
    margin: auto;
  }
  .__main-nav {
    width: 100%;
    max-width: none;
  }

  .__navbar-search {
    position: absolute;
    top: 14px;
    left: 150px;
    width: 43%;
  }

  /* .__horizontal-scroll {
    overflow: initial;
  } */

  .btn.btn-icon-text {
    width: 60px;
    height: 50px;
  }

  .icon-wrapper-circle {
    width: 30px;
    height: 30px;
  }

  ._icon-secondary.btn.btn-icon-text .__icon,
  .btn.btn-icon-text .__icon,
  ._icon-primary.btn.btn-icon-text .__icon {
    top: 8px;
  }

  section.search-wrapper {
    width: 548px;
    margin: 20px auto;
  }
  .__search-group .group-title,
  .__section-search-menu .__keyword-link {
    font-size: 1.3em;
  }

  .search-menu-opened .__navbar-searchbar-container .icon-wrapper {
    display: none;
  }

  .search-menu-opened .__section-search-menu {
    top: -112px;
    height: auto;
    width: 95%;
  }
  .__section-search-menu .link-more {
    top: 3px;
  }
  .__section-search-menu .__search-group {
    margin-top: 20px;
  }

  .__search-group .__images,
  .__search-group .__keywords {
    white-space: normal;
  }

  .__section-search-menu .fluid-container {
    width: 100%;
    margin: auto;
    right: 0;
    left: 0;
  }

  .__section-search-menu .fluid-container .__images {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }

  .__section-search-menu .fluid-container .__img-wrapper {
    width: 32.3%;
    margin: 0;
  }

  .__section-search-menu .fluid-container .__body {
    width: 100%;
    height: auto;
    padding: 0;
  }
  .__section-search-menu .fluid-container .__body-inner {
    padding: 10px 30px 100px;
  }

  .__section-search-menu .btn-close {
    position: absolute;
    width: 100%;
  }

  .__section-search-menu .__bg-overshadow {
    position: fixed;
    z-index: 10;
  }

  .__section-search-menu .icon-wrapper {
    display: block;
  }
  .search-menu-opened .__searchbar {
    width: 100%;
  }

  .__navbar-searchbar-container .__bg-overshadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
    cursor: pointer;
  }
  .search-menu-opened .__navbar-searchbar-container .__bg-overshadow {
    display: block;
  }

  .search-menu-opened .__searchbar::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid white;
    position: absolute;
    bottom: -8px;
    left: 87px;
  }

  #search-modal .p-product-block.p-product-block--compact ul.__product {
    white-space: normal;
  }

  .layout-desktop {
    display: block;
  }
  .layout-mobile {
    display: none !important;
  }

  .aside {
    display: none;
  }
  .aside .__body .__message {
    margin-top: 15px;
    text-align: center;
  }
  .body-home .main.main--home section.__block {
    margin-bottom: 80px;
    margin-top: 40px;
  }
  .header-nav {
    position: relative;
  }
  .header-nav .header-main .__inner-left {
    float: left;
    position: relative;
    width: 660px;
    display: flex;
    height: 100%;
    column-gap: 0;
  }
  .header-nav .header-main .__inner-left .header-logo {
    height: 60px;
    margin: auto;
    flex: 1;
  }
  .header-nav .header-main .__inner-left .header-message {
    height: 10px;
    margin: auto;
    flex: 2.5;
  }
  .header-nav .header-main {
    height: 90px;
  }
  .header-nav .header-main .__inner-right {
    position: absolute;
    width: 355px;
    height: 100%;
    right: 0;
  }
  .header-nav .header-main .__inner-right .flex-container {
    width: 100%;
    display: flex;
    margin-top: 15px;
  }
  .header-nav .header-main .__inner-right .container-search {
    display: none;
    margin-top: 29px;
  }
  .container-search .c-button {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    background: 0 0;
    font-size: 1.5em;
  }
  .container-search .c-form {
    position: relative;
  }
  .container-search .input-headersearch {
    width: 100%;
    padding: 5px 18px !important;
    border-radius: 100px !important;
  }
  .header-nav .header-main .__inner-right .flex-container .flex-box {
    flex: 0.4;
    margin-right: 10px;
  }
  .header-nav .header-main .__inner-right .flex-container .flex-box a {
    padding: 7px;
    width: 130px;
    border-radius: 20px;
    text-align: center;
  }
  .header-nav .header-main .__inner-right .flex-container .flex-box .btn-label {
    text-align: center;
    width: 100%;
    color: #646464;
    font-size: 0.9em;
  }
  .header-main .container {
    height: 100%;
    position: relative;
  }
  .header-nav .header-navigator {
    width: 100%;
    clear: both;
    height: 70px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 40px;
  }
  .body-home .header-nav .header-navigator {
    margin-bottom: 0;
  }
  .header-nav .header-navigator .container {
    max-width: 960px;
  }
  .header-nav .__item {
    display: inline-block;
    padding: 15px 0;
    position: relative;
    margin-right: 6px;
  }
  .header-nav .__sub-items {
    position: absolute;
    display: none;
    left: 0;
    background: #fff;
    border: 1px solid #c8c8c8;
    z-index: 1000;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
  }
  .header-nav .__sub-items .sub-items {
    padding: 0;
    display: inline-table;
    width: 31%;
    margin: 1%;
  }
  .header-nav .__sub-items .__sub-items-list {
    padding: 0;
  }
  .header-nav .__item:hover .__sub-items {
    display: block;
  }
  .header-nav .__item-title {
    text-decoration: none;
  }
  .header-nav .__item-title .__item-title-text {
    display: block;
    text-align: center;
    color: #505050;
  }
  .header-nav .__item-title_main {
    font-size: 1.2em;
    text-transform: uppercase;
    font-family: Helvetica;
    letter-spacing: 1.1px;
    display: block;
  }
  .header-nav .__item-title_sub {
    font-family: sans-serif;
    margin-top: 0;
    font-size: 1em;
  }
  .header-nav .__item i.fa {
    font-size: 1.3em;
    margin-right: 3px;
  }
  .search-wrapper {
    height: 48px;
    width: 570px;
    margin: auto;
  }
  .search-button-wrapper,
  .search-input-wrapper {
    padding: 0 !important;
  }
  #header-nav-items .__sub-items .__body {
    position: absolute;
    z-index: 100;
    left: -23px;
    width: 210px;
    padding: 5px 5px 4px;
    background-color: #fff;
    border-right: 1px solid #dcdcdc;
  }
  #header-nav-items .__sub-items {
    left: -25px;
  }
  .category-third {
    left: 205px;
  }
  .category-fourth {
    left: 410px;
  }
  #header-nav-items .__sub-items ul {
    padding: 0;
  }
  #header-nav-items .__item {
    text-align: left;
    padding: 0;
  }
  #header-nav-items .__item a {
    display: block;
    padding: 7px 5px;
  }
  #header-nav-items .__item--has-children.selected > a,
  #header-nav-items .__item--has-children.selected > a::after {
    color: #fff;
    font-weight: 700;
    background-color: #316dbe;
    border-radius: 5px;
  }
  #header-nav-items .__item--has-children > a::after {
    content: "\f0da";
    font-family: FontAwesome;
    color: #646464;
    font-size: 1.2em;
    display: block;
    float: right;
    margin-right: 5px;
  }
  .footer {
    height: 200px;
  }
  .body-cart .footer,
  .body-contact .footer,
  .body-login .footer,
  .body-mypage .footer,
  .body-page-detail .footer,
  .body-password-form .footer,
  .body-regist .footer {
    height: 100px;
  }
  .body-cart .footer-info,
  .body-contact .footer-info,
  .body-login .footer-info,
  .body-mypage .footer-info,
  .body-page-detail .footer-info,
  .body-password-form .footer-info,
  .body-regist .footer-info {
    display: none;
  }

  .p-product-block.p-product-block--compact ul.__product .__item:nth-child(7),
  .p-product-block.p-product-block--compact ul.__product .__item:nth-child(8),
  .p-product-block.p-product-block--compact ul.__product .__item:nth-child(9),
  .p-product-block.p-product-block--compact ul.__product .__item:nth-child(10) {
    display: inline-block;
  }

  .body-home .__message {
    font-size: 1.3em;
  }

  .body-home .__section-message .__body {
    padding: 100px 0;
  }

  #footer-nav {
    width: 695px;
    margin: auto;
  }
  .copyright {
    text-align: center;
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
  }
  #footer-nav > li {
    display: inline-block;
    padding: 5px;
  }
  .flicky-carousel {
    height: 525px;
  }
  .flicky-carousel-cell {
    width: 750px;
  }
  .__block--calendar .explanation {
    width: 190px;
  }
  .body-product-list .wrapper .__inner {
    max-width: 1140px;
  }
  .body-collection .main-text {
    padding: 0;
    width: 95%;
    background: #f6f6f6;
  }
  .body-collection .text-header {
    padding: 37px 0 0;
    font-size: 1.35rem;
  }
  .body-collection .text-body {
    padding: 20px 28px 30px;
  }
  .body-manufacturing .banner-message-img {
    max-height: 204px;
  }
  .body-manufacturing .contents-lg-banner {
    height: 900px;
  }
  .body-manufacturing .banner-message {
    padding-top: 230px;
    font-size: 2em;
  }
  .body-manufacturing .media-set-pictures {
    padding: 76px;
  }
  .body-manufacturing .contents-text.slideshow-box {
    position: absolute;
    top: 10%;
    z-index: 1000;
    left: 10%;
    width: 400px;
  }
  .body-manufacturing .text-body {
    font-size: 1.2em;
    line-height: 52px;
  }
  .body-manufacturing .slideshow-box .text-body {
    background: rgba(255, 255, 255, 0.5);
    padding: 50px;
    font-weight: 700;
    font-size: 1.2em;
  }
  .body-manufacturing .contents-text-wrapper {
    position: absolute;
    top: 24%;
    left: 30px;
    width: 89%;
    z-index: 100;
  }
  .body-manufacturing .contents-wrapper {
    margin: 150px auto;
  }
  .body-manufacturing .text-header {
    font-size: 2.5em;
  }
  .body-manufacturing .contents-header {
    font-size: 2.6em;
    margin: 40px auto;
  }

  .for-pet .voice-img-position {
    text-align: left;
  }

  .for-pet .box {
    height: 750px;
  }

  .for-pet .box .boxString {
    position: absolute;
    display: inline-block;
    padding: 20px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
  }

  .for-pet .top-logo {
    max-width: 100%;
  }

  .for-pet .pr-contents {
    margin-top: 150px !important;
  }

  .for-pet .messege-wrapper {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .for-pet .messege-title {
    font-size: 32px;
    font-weight: bold;
  }

  .for-pet .img-area .caption {
    font-size: 150%;
    text-align: center;
    padding-top: 100px;
    color: #fff;
    font-family: "EB Garamond", serif;
  }

  .for-pet .voice-kakomi-box {
    margin: 1em auto;
    padding: 1em;
    width: 60%;
    background-color: #fff;
    border: 1px solid #ccc;
  }

  .for-pet .voice-img {
    width: 130px;
  }

  .vr-exhibition .contents-lg-banner {
    height: 800px;
  }
  .vr-exhibition .title-wrap {
    padding-top: 230px;
  }
  .vr-exhibition p.main-title {
    font-size: 59px;
    line-height: 0.7;
  }
  .vr-exhibition .move {
    margin-top: 100px;
  }

  .c-pagetop {
    right: 4em;
  }

  .reuse-lp .contents-lg-banner {
    height: 900px;
  }
  .reuse-lp .title-wrap {
    padding-top: 200px;
    text-align: left;
    padding-left: 100px;
  }
  .reuse-lp .reuse-maintitle {
    font-size: 5em;
  }
  .reuse-lp .reuse-title {
    font-weight: 700;
    font-size: 3em;
  }
  .reuse-lp .reuse-messege-wrap {
    margin-top: 180px;
    margin-bottom: 100px;
  }
  .reuse-lp .sub-img-warp {
    margin-top: 130px;
  }
  .reuse-lp .sub-img-right {
    padding-top: 300px;
    max-width: 80%;
    margin: auto;
  }
  .reuse-lp .seisan-wrap {
    max-width: 70%;
    margin: auto;
  }
  .reuse-lp .reuse-title-end {
    font-weight: 700;
    font-size: 2.5rem;
    color: #707070;
    font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
  }
  .reuse-lp a.btn-border,
  .reuse-lp a.btn-border:hover {
    width: 600px;
  }

  .__block--news,
  .__block--pro-new,
  .__block--pro-ranking,
  .__block--segg,
  .__block--events {
    max-width: 1140px;
    min-width: 950px;
    width: 90%;
    margin: auto;
  }
}

@media all and (min-width: 1200px) {
  #carousel-recommend-contents,
  .carousel-recommend-list-contents {
    padding-bottom: 50px;
  }
  #carousel-recommend .flickity-prev-next-button.next,
  #carousel-recommend .flickity-prev-next-button.previous,
  .carousel-recommend-list .flickity-prev-next-button.next,
  .carousel-recommend-list .flickity-prev-next-button.previous {
    top: 90%;
  }
  #carousel-recommend .flickity-page-dots,
  .carousel-recommend-list .flickity-page-dots {
    bottom: 9%;
  }

  .header .__subbanner-container .inner_item {
    max-width: 1140px;
  }
}
@media screen and (min-width: 1280px) {
  .p-product-block ul.__product li.__item {
    box-sizing: border-box;
  }
  .__block--pro-new .p-product-block ul.__product li.__item,
  .__block--pro-new
    .p-product-block.p-product-block--compact
    ul.__product
    li.__item,
  .p-product-block ul.__product li.__item,
  .p-product-block.p-product-block--compact ul.__product li.__item {
    width: 20%;
  }
  #search-modal
    .p-product-block.p-product-block--compact
    ul.__product
    li.__item {
    width: 16.5%;
  }
}