/* 基本設定
 *----------------------------------------------------------------------*/
html {
  font-size: 62.3%;

}

body {
  color: #000;
  font-size: 1.6rem;
  /*16px*/
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック ProN（Pro）", sans-serif;
  line-height: 1.6;
  background-color: #fafaf7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  animation: fadeIn 2.5s ease-in 0s 1 normal;

}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.sp_only {
  display: none;
}

#sysAll {
  max-width: 100%;
  background-color: transparent;
  padding: 0;
}

#sysWrap {

  padding: 0;
  overflow: hidden;
}

#sysHeader {
  margin: 0;
  padding: 0;
}

div#sysMain {
  float: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

#sysFooter {
  margin: 0;
  padding: 0;
}

#top #sysWrap {
  margin-top: 0;
}


#sysAside {
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 0;
}

.sysContent {
  padding: 0 !important;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  line-height: 1.6;
  font-weight: bold;
  letter-spacing: inherit;
}

a {
  color: #1a1a1a;
  text-decoration: none;
  font-weight: inherit;
}

a:hover {
  color: #222222;
}

img {
  vertical-align: bottom;
  /*you kakunin*/
  height: auto;
}

a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-filter: "alpha( opacity=50 )";
  -webkit-filter: "alpha( opacity=50 )";
  -o-filter: "alpha( opacity=50 )";
  -ms-filter: "alpha( opacity=50 )";
}

a:hover img.nohover {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-filter: "alpha( opacity=100 )";
  -webkit-filter: "alpha( opacity=100 )";
  -o-filter: "alpha( opacity=100 )";
  -ms-filter: "alpha( opacity=100 )";
}

p {
  margin: 10px auto;
}

p.indent {
  margin: 5px 0 !important;
  text-indent: 1em
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* フォーム要素の基本レイアウト */
input[type=search],
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
textarea {
  -webkit-appearance: none;
  padding: 10px 5px !important;
  width: 100%;
  line-height: 2;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 0;
}

input[type=submit] {
  -webkit-appearance: none;
  padding: 10px 5px !important;
  line-height: 2;
  margin-top: 30px;
}

input[type="radio"] {
  margin: 10px 10px 20px;
}

.sysFormField {
  margin: 10px 0;
}

.sysFormField label {
  margin-right: 20px;
  font-size: 15px;
}

.sysFormField a {
  display: inline-block;
  color: #068acc;
  border-bottom: 1px solid #068acc;
  line-height: 15px;
  margin: 0 3px;
}

select {
  height: 30px;
}

#sysItemCategory select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none !important;
  width: 100%;
  padding: 3px 5px;
}




/* 検索ボックス */
.search_bx form {
  overflow: hidden;
  border: 1px solid #dddddd;
}

.search_bx .sysItemSearchFormWord {
  float: left;
  width: 70%;
}

.search_bx input[type="search"] {
  height: 40px;
  border: none;
  padding: 5px;
  width: 100%;
}

.search_bx .sysSearchButton {
  overflow: hidden;
  float: left;
  display: block;
  width: 30%;
  height: 40px;
  margin: 0;
  padding: 0;
  text-indent: -999px;
  border-radius: 0px;
  border: none;
  background: #222222 url(/img/common/ico_search.png) no-repeat center center;
  background-size: 70px;
  cursor: pointer;
}

/* submitボタンの調整 */
#sysMypageReminder #sysMain input[type=submit],
.sysBackButton,
.sysNextSubmit {
  background: #666;
  color: #fff;
  display: block;
  padding: 10px 15px;
  text-shadow: none;
  border-color: transparent;
  border-radius: 3px;
  width: 80%;
  height: 50px;
  margin: 0 auto;
}

/* 商品カテゴリページ */
.sysFuncItemCategory a {
  line-height: 1.75;
}

.sysFuncItemCategory a:hover {
  background: #eee;
}

#sysItemCategory h1.itemCategory {
  margin-left: 5px;
  border-left: 5px solid #222222;
  padding-left: 10px;
  font-size: 18px;
  margin: 20px 0 10px;
}

.sysSelectionDescription {
  margin: 2px 0 10px;
}

/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {
  font-size: small;
}

.sysItemCategoryCtl a {
  display: inline-block;
  padding: 2px 4px;
  background: #e6e0a3;
  border-radius: 3px;
  text-decoration: none;
  margin: 2px 0;
}

/* PRアイコン設定 */
.sysItemPr {
  font-size: small;
  padding: 0 5px;
  display: inline-block;
  font-weight: bold;
}

/*PRアイコン(商品詳細ページ)*/
.sysPr span {
  width: 24%;
  margin: 0 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

span.icon_online,
span.icon_kyobashi {
  display: inline-block;
  background: #ff1000;
  border: 3px solid #ff1000;
  color: #fff;
}

span.icon_book {
  display: inline-block;
  border: 3px solid #ff1000;
  color: #ff1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

span.icon_chilled {
  display: inline-block;
  background: #4472c4;
  border: 3px solid #4472c4;
  color: #fff;
  text-indent: 0.5em;
  letter-spacing: 0.5em;
}

/* カートボタン */
.sysCartButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  color: #f2cd00;
  cursor: pointer;
  background-color: #e6e6e6;
}

.sysCartButton:hover {
  background: #999;
}

/* アーカイブリスト */
.sysItemList ul.sysList li .sysThumbnailImage {
  width: 40%;
  max-width: 200px;
}

/* 4-1-7  商品サムネイル画像 */
.sysItemList ul.sysThumbnail li {
  display: inline-block;
  float: none;
  vertical-align: top;
  letter-spacing: normal;
}

.sysItemList ul.sysThumbnail {
  letter-spacing: -.4em;
}

.sysItemList ul.sysThumbnail input {
  width: 100%;
  padding: 10px 0;
}

/* 商品ぺージ */
/* 商品画像 */
.sysThumbnailImage>span,
.sysThumbnailImage>br {
  display: none;
}

.sysItemImages {
  max-width: 500px;
  padding-right: 20px;
}

.sysItemImages .sysImageList li {
  display: inline-block;
  vertical-align: top;
  height: auto;
  width: 23%;
  line-height: 1;
  float: none;
  margin: 1% 0;
}

/* 商品名 */
.sysItemName h1 {
  font-size: x-large;
}

/* 注文エリア*/
.orderArea {
  letter-spacing: -.4em;
  text-align: center;
}

.orderArea>div {
  width: 50%;
  display: inline-block;
  letter-spacing: normal;
  text-align: left;
  vertical-align: top;
}

.orderArea>.orderArea>div {
  width: 100%;
  display: block;
}


/* 商品ページのタイトル */
.sysItemName,
.sysExplanation>div>span,
.sysReview>span {
  display: block;
  margin-bottom: 0px;
  font-size: large;
}

/* 商品説明 */
.sysExplanation table {
  width: 100%;
  text-align: center;
  border: 1px solid #999;
  line-height: 2;
}

.sysExplanation thead {
  text-align: center;
  color: #fff;
  background: #999;
}

.sysExplanation td {
  font-size: small;
  text-align: left;
  padding-left: 10px;
}

/* 買い物フォーム */
#sysItemDetail .sysRetailPrice {
  font-weight: bold;
}

#sysItemDetail #sysVariation {
  overflow: hidden;
  margin: 5px auto;
}

#sysItemDetail #sysVariation>div {
  margin: 10px auto;
  overflow: hidden;
}

#sysItemDetail .sysNumArea button {
  display: inline-block;
  width: 48%;
  background: #666;
  padding: 10px;
  border: 1px solid #999;
  border-radius: 5px;
  color: #fff;
}

#sysItemDetail .sysNumArea {
  padding-top: 5px;
  clear: both;
  text-align: right;
}

#sysWishlist .sysButton,
#sysItemDetail .sysCartButton {
  width: 98%;
  margin-left: 2%;
}

#sysItemDetail .sysShare {
  padding: 5px 0 0 2%;
}

#sysCartInForm {
  width: 100%;
}

/* ログインボタン */
.sysLoginButton,
.sysButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  background-color: #dddddd;
  color: #000;
  cursor: pointer;
}

.sysLoginButton,
.sysButton:hover {
  background: #999;
}

.sysLoginButton {
  display: block;
  width: 50%;
  margin: 10px auto;
  padding: 20px;
}

/* カートボタン */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
  background: black;
  color: #fff;
  text-shadow: none;
}

.sysCartInDone {
  margin: 0;
}

/* フォームページの基本レイアウト*/
#sysFormIndex #sysMain,
#sysFormConfirm #sysMain,
#sysFormThanks #sysMain,
.sysMemberRegister #sysMain,
.sysMypage #sysMain {
  width: 1100px;
  padding: 100px 150px !important;
  margin: 0px auto;
}

#sysDestination #sysMain {
  width: 1100px;
  border: 1px solid #eee;
  padding: 20px 150px !important;
  margin: 30px auto;
}

#sysFormConfirm label,
#sysMemberRegisterConfirm label {
  display: block;
  margin: 15px 0 5px !important;
}

#sysFormConfirm .sysFormField #sysMemberRegisterConfirm .sysFormField {
  margin: 10px 0 20px !important;
}

#sysFormConfirm button.sysButton {
  width: 49%;
  float: left;
  margin: 0;
  margin-right: 1%;
  margin-top: 30px;
  height: 50px;
  border-radius: 3px;
  background: #ccc;
  color: #444;
}

#sysFormConfirm .sysNextSubmit {
  width: 49%;
  margin: 0;
  margin-top: 50px;
  margin-left: 1%;
}

#sysMemberRegisterConfirm .sysNextSubmit {
  width: 49%;
  margin: 0;
  margin-top: 20px;
  margin-right: 1%;
  float: left;
}

#sysMemberRegisterConfirm .sysBackButton {
  width: 49%;
  float: left;
  margin: 0;
  margin-left: 1%;
  margin-top: 0px;
  height: 50px;
  border-radius: 3px;
  background: #ccc;
  color: #444;
}

#sysFormThanks .completeText {
  margin: 20px 0;
  text-align: center;
  font-size: 15px;
}

#sysFormThanks .completeText a {
  color: #068acc;
  text-decoration: underline;
}

#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2 {
  display: none;
}

#sysFormIndex #sysMain input {
  font-size: 15px;
}

#sysFormIndex .txtBlock {
  text-align: center;
}

#sysMemberRegisterConfirm #sysMain>form,
#sysMemberRegisterIndex #sysMain>form,
#sysFormConfirm #sysMain>form,
#sysFormIndex #sysMain>form {
  padding: 10px;
}

#sysMypageReminder #sysMain input[type="text"],
#sysMemberRegisterIndex #sysMain input[type="text"],
#sysFormIndex #sysMain input[type="text"],
#sysFormIndex #sysMain textarea {
  background: #fff;
  border-radius: 0;
  margin: 10px 0 30px
}

#sysMemberRegisterIndex #sysMain input[type="tel"],
#sysMemberRegisterIndex #sysMain input[type="email"],
#sysMemberRegisterIndex #sysMain input[type="password"] {
  background: #fff;
  border-radius: 0;
  margin: 10px 0 30px
}

#sysMain .sysFormLabel {
  display: block;
  padding-left: 5px;
  line-height: 25px;
  font-size: 15px;
  margin-bottom: 5px;
}

#sysMain .sysRequired {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  margin-bottom: 5px;
}

#sysMain textarea {
  min-height: 75px;
}

.sysZipcode button,
.sysZipcode .sysFormField {
  display: inline-block;
}

.sysZipcode .sysFormLabel {
  display: block;
}

.sysZipcode .sysFormField {
  width: 200px;
}

.sysZipcode br {
  display: none;
}

.sysBirthday input {
  width: auto !important;
}


/* フォーム確認ぺージ */
#sysMypageEditConfirm #sysMain .sysFormField,
#sysMemberRegisterConfirm #sysMain .sysFormField,
#sysFormConfirm #sysMain .sysFormField {
  border: 1px solid #999;
  line-height: 2;
  padding-left: 10px;
  font-size: small;
  border-radius: 3px;
  margin: 5px auto;
  min-height: 20px;
}

/* マイページ */
.sysMypageMajorHeadLine {
  display: none;
}

.SysMypageMinorHeadLine {
  font-size: 18px;
  border-left: 5px solid #3d3d3d;
  padding-left: 5px;
  margin: 20px 0;
}

#sysMypageLogin .sysMypageMinorHeadLine {
  display: none;
}



/*****自作*****/

#sysMypageLogin>#sysAll>#sysWrap>#sysMain>div.sysFreeArea>p>a {
  color: #f2cd00;
  font-weight: 500;
}


/* 購入履歴 */
.sysOrderList {
  border: 1px solid rgb(212, 212, 212);
  padding: 10px;
  max-height: 400px;
  overflow-y: scroll;
}

.sysOrderList li {
  border-bottom: 1px dotted rgb(212, 212, 212);
  margin-bottom: 5px;
  padding-bottom: 5px;
}

/* Member Profile Editor */
#sysMypageEditDelivery #sysMain>form,
#sysMypageEditMember #sysMain>form {
  padding: 10px;
}

#sysMypageEditDelivery #sysMain input,
#sysMypageEditMember #sysMain input {
  line-height: 15px;
  padding: 5px;
  font-size: small;
  margin: 5px auto;
}

#sysMypageEditConfirm #sysMain>form {
  padding: 10px;
}

/* Special Point */
.sysSpecialPoint {
  overflow: hidden;
  letter-spacing: -.4em;
}

.sysSpecialPoint>div:nth-child(2n) {
  width: 60%;
}

.sysSpecialPoint>div {
  display: inline-block;
  letter-spacing: normal;
  padding: 5px 10px;
  border-bottom: 1px solid #d5d5d5;
}

.sysSpecialPoint>div:nth-child(2n+1) {
  width: 40%;
}

/* 4-5-4 Coupon List */
.sysCoupon {
  border: 1px solid #d5d5d5;
  margin: 10px;
}

/* マイページ（複数配送先編集画面）*/
.sysSelectAddress {
  background: none;
}

.sysSelectAddress a {
  display: block;
  text-decoration: none;
  border: 0px solid;
  padding: 10px;
}

.sysSelectAddress {
  margin: 10px 0;
}

.sysSelectAddress a:hover {
  background: #eee;
}

/***********************************
  商品詳細ページ
***********************************/
/*商品名*/
#sysItemDetail .sysItemName h1 {
  font-size: 24px;
  font-weight: normal;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #000;
}

/*商品番号*/
#sysItemDetail .sysItemId {
  text-align: right;
  font-size: 12px;
}

/*価格表示*/
#sysItemDetail .sysRetailPrice {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
  color: #000;
  font-weight: bold;
  text-align: right;
}

#sysItemDetail .sysRetailPrice span {
  font-size: 1.1rem;
}

#sysItemDetail .sysRetailPrice span.sysRetailPriceValue {
  font-size: 20px;
  font-weight: normal;
}

/*通常価格*/
#sysItemDetail .sysSuggestedRetailPrice {
  margin-bottom: 5px;
  text-align: right;
}

#sysItemDetail .sysSuggestedRetailPrice span {
  font-size: 1.1rem;
}

/*送料区分*/
#sysItemDetail .sysShippingCost {
  display: inline-block;
  width: auto;
  margin-left: auto;
  margin-top: 5px;
  padding: 0 5px;
  color: #da4636;
  font-weight: bold;
  font-size: 1.1rem;
  border: 1px solid #da4636;
  border-radius: 3px;
}

/*PRアイコン(カテゴリーページ)*/
#sysItemCategory input[type=submit] {
  margin-top: 0px;
}

.sysAddSelection div {
  margin-bottom: 10px;
}

.sysAddSelection {
  clear: both;
}

.sysAddSelection input,
.sysAddSelection select {
  margin: 5px 0;
}

.sysItemPrArea {
  margin-top: 5px;
}

.sysItemPrArea span {
  height: 30px;
  display: inline-block;
  padding: 3px 0px;
  font-size: 18px;
  line-height: 18px;
  border-radius: 20px;
  font-weight: bold;
  margin: 0 0 5px;
  text-align: center;
}

#sysItemDetail .sysForm select {
  min-width: 450px;
  display: inline-block;
  float: none !important;
  margin: 5px 0;
color:#000;
}

#sysItemDetail .sysForm select[name="num"] {
  min-width: 200px;
}

#sysItemDetail .sysForm input[type="text"] {
  margin-top: 5px;
}

#sysSelections div {
  margin-bottom: 10px;
}

#sysItemDetail .sysSelections {
  line-height: 30px;
}

#sysItemDetail #sysVariation {
  width: 100%;
  max-width: 500px;
  overflow: hidden;
  margin-left: auto;
}

#sysItemDetail #sysVariation>div {
  margin: 10px auto;
  overflow: hidden;
}

#sysItemDetail .sysNumArea button {
  display: inline-block;
  width: 48%;
  background: #000;
  padding: 10px;
  border: 1px solid #999;
  border-radius: 5px;
  color: #fff;
}

#sysItemDetail .sysNumArea {
  padding-top: 5px;
  clear: both;
  text-align: right;
}

#sysWishlist .sysButton,
#sysItemDetail .sysCartButton {
  width: 98%;
  margin-left: 2%;
}

#sysItemDetail .sysShare {
  padding: 5px 0 0 2%;
}

#sysCartInForm {
  width: 100%;
  margin-left: auto;
}

/*バリエーション*/
#sysItemDetail .sysFormVariationName {
  background-color: #fdf5f5;
}

#sysItemDetail .sysFormVariationTable {
  width: 100%;
  max-width: 500px;
}

/*下部フォーム*/
#sysItemDetail .order_bottom {
  margin: 0 auto 40px;
  text-align: right;
}

/*簡易商品説明*/
#sysItemDetail .sysDescription {
  text-align: left;
}

/*商品詳細*/
.sysExplanation {
  text-align: center;
}

.sysExplanation img {
  height: auto;
}

#sysItemDetail .itempage_cap {
  margin-bottom: 30px;
  font-size: 12px;
}

#sysItemDetail .itempage_cap .i_ttl {
  margin-bottom: 20px;
  font-size: 120%;
  font-weight: bold;
}

#sysItemDetail .itempage_detail h3 {
  font-size: 18px;
  font-weight: normal;
}

#sysItemDetail .itempage_detail table {
  width: 100%;
  margin-bottom: 10px;
  border-top: 1px solid #ccc;
}

#sysItemDetail .itempage_detail table tr {
  border-bottom: 1px solid #ccc;
}

#sysItemDetail .itempage_detail table th,
#sysItemDetail .itempage_detail table td {
  padding: 10px;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}

#sysItemDetail .itempage_detail table th {
  width: 30%;
  border-right: 1px solid #ccc;
}

#sysItemDetail .itempage_detail table td {
  width: 70%;
  text-align: left;
  background: #fff;
}

#sysItemDetail .itempage_detail_ttl {
  position: relative;
  margin-top: 40px;
  padding: 5px 0;
  font-weight: bold;
  font-size: 18px;
}

#sysItemDetail .itempage_detail_ttl:after {
  content: "　";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -30px;
  width: 60px;
  height: 2px;
  background-color: #000;
}

#sysItemDetail .sysMainImage img {
  border: 1px solid #ccc;
}


/*数量増減*/
#sysItemDetail #sysNumber {
  text-align: right;
}

#sysItemDetail .sysNumArea {
  margin-bottom: 20px;
}

#sysItemDetail .sysNumArea button {
  overflow: hidden;
  display: inline-block;
  width: 25%;
  padding: 10px;
  text-indent: -999px;
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  background: #f1f1f1;
  cursor: pointer;
}

#sysItemDetail .sysNumArea button:hover {
  background-color: #efefef;
}

#sysItemDetail .sysNumArea .sysBtnPlus {
  border-color: #b9b9b9;
  background: url(/img/layout/system/btn_plus.png) center center no-repeat;
  background-size: 65px;
  width: 37%;
}

#sysItemDetail .sysNumArea .sysBtnMinus {
  border-color: #b9b9b9;
  background: url(/img/layout/system/btn_minus.png) center center no-repeat;
  background-size: 90px;
  width: 37%;
}

/*カートに入れる*/
#sysItemDetail .sysCartButton {
  padding: 23px 15px !important;
  text-indent: -999px;
  background: #f2cd00 url(/img/layout/system/btn_cart.png) center center no-repeat;
  background-size: 140px;
}

#sysItemDetail .sysCartButton:hover {
  opacity: 0.8;
}

#sysItemDetail .sysGoCartButton {
  background: #da4636 url(/img/layout/system/btn_cart2.png) center center no-repeat;
  background-size: 127px;
}

/*お気に入り*/
#sysItemDetail #sysWishlist .sysButton {
  overflow: hidden;
  text-indent: -999px;
  border: 1px solid #b9b9b9;
  background: #fff url(/img/layout/system/btn_favo.png) center center no-repeat;
  background-size: 100px;
}

#sysItemDetail #sysWishlist .sysButton:hover {
  background-color: #efefef;
}

.modaal-container {
  max-width: 750px !important;
  padding: 30px 8%;
  box-shadow: none !important;
  color: #333 !important;
}

.sysWishListButton {
  background: #ddd;
  border: 1px solid #999;
  border-radius: 3px;
  text-decoration: none;
}

/* お気に入り登録時の画面 */
/* バツボタン */
.modaal-close {
  width: 50px;
  height: 50px;
  width: 22px !important;
  height: 22px !important;
  position: absolute !important;
  right: 15px !important;
  top: 15px !important;
  border-radius: 0 !important;
  border: 1px solid #da4636 !important;
  background-color: #fff !important;
}

.modaal-close:after,
.modaal-close:before {
  display: block;
  content: " ";
  position: absolute;
  top: 0.3px !important;
  left: 8px !important;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #da4636 !important;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
}

@media (min-width: 1024px) .modaal-close {
  width: 44px !important;
  height: 44px !important;
  right: 30px !important;
  top: 30px !important;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
}

/* サンプルイメージ */
.mdl-dialog__image::before {
  content: "お気に入り登録完了";
  margin-bottom: 15px;
  display: block;
  text-align: center;
  font-size: 1.3rem;
}

.mdl-dialog__image {
  width: 88.81%;
  max-width: 250px;
  margin: auto;
}

.massage {
  text-align: center;
}

/* ログインボタン */
.sysWishlistLoginButton {
  width: 167px;
  /* height: 35px; */
  line-height: 35px;
  position: relative;
  background-color: #da4636;
  text-align: center;
  font-size: 1.3rem;
  transition: .2s;
  color: #fff;
}

.sysWishlistLoginGroup {
  margin: auto auto 30px !important;
  text-align: center;
}

:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit;
  background-repeat: no-repeat;
  box-sizing: inherit;
}

@media (min-width: 1024px) .mdl-dialog__content {
  padding: 0 0 30px !important;
  font-size: 1.6rem !important;
}

/* 会員登録ボタン */
.sysWishlistMemberRegisterGroup::before {
  content: "会員登録をされていないお客様はこちら";
  margin-top: 12px;
  display: block;
  font-size: 1.1rem;
  text-align: center;
}

.sysWishlistMemberRegisterGroup {
  width: 80%;
  text-align: center;
  height: 92px;
  border: 1px solid #bbb;
  position: relative;
  background-color: #fff;
  margin: auto auto 30px !important;
}

.sysWishlistMemberRegistButton {
  width: 167px;
  /* height: 35px; */
  line-height: 35px;
  position: relative;
  background-color: #da4636;
  text-align: center;
  font-size: 1.3rem;
  transition: .2s;
  color: #fff;
}

/* この画面を閉じるボタン */
.sysWishlistCloseBottomButtonGroup button {
  border-bottom: 1px solid #da4636;
  transition: .2s;
  background-color: transparent;
  border-radius: 0px;
}

.sysWishlistCloseBottomButtonGroup {
  margin-top: 30px;
  text-align: right;
  font-size: 1.3rem;
}

/*SNSボタン*/
#sysItemDetail .sysShare {
  padding: 5px 0 0 2%;
  text-align: right;
}

#sysItemDetail .sysShare .sysFacebook {
  position: relative;
}

#sysItemDetail .sysShare .sysGoogleplus {
  width: 58px;
}

#sysItemDetail .sysShare .sysLine,
#sysItemDetail .sysShare .sysDisplayPcNone {
  display: inline-block !important;
}

#sysItemDetail .sysShare .sysLine {
  position: relative;
  top: 0px;
}

/*.sysReview*/
#sysItemDetail .sysReview {
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
}


/*テーブルデザイン*/
.sysExplanation table {
  margin-bottom: 40px;
  border: none;
  border-top: 1px solid #ccc;
}

.sysExplanation table tr {
  border-bottom: 1px solid #ccc;
}

.sysExplanation table th,
.sysExplanation table td {
  padding: 3px 10px;
  text-align: center;
  border: none;
}

/*商品ページ用おすすめ商品*/
.itempage_recommend .sysItemBlock .sysHorizontal li {
  width: 25%;
  padding: 0 10px;
}

.itempage_recommend .sysItemName {
  margin-bottom: 0;
  font-size: 14px;
  text-align: left;
}

.itempage_recommend .sysItemPrice {
  text-align: left;
}

/*商品ページ成分表*/
#sysItemDetail .show_bx {
  margin-bottom: 30px;
}

#sysItemDetail .show_bx_inner {
  margin-bottom: 10px;
}

#sysItemDetail .btn_tr {
  padding: 10px 0 10px 35px !important;
  background: #e4e4e4 url(/img/layout/system/ico_plus.png) 10px center no-repeat !important;
  background-size: 18px !important;
  cursor: pointer;
}

#sysItemDetail .active {
  background: #e4e4e4 url(/img/layout/system/ico_minus.png) 10px center no-repeat !important;
  background-size: 18px !important;
}

#sysItemDetail .contents_tr {
  background-color: #f5f5f5;
}

#sysItemDetail .contents_tr td {
  background-color: #f5f5f5 !important;
}

#sysItemDetail .contents_tr table {
  margin-bottom: 0;
}

/***********************************
  カートページ
***********************************/
/*カートページ内レイアウト調整*/
.sysCart .header_h1_under,
.sysOpcBody .header_h1_under {
  float: none;
  padding: 10px 0;
  width: 100%;
  height: auto;
  background-color: transparent;
}

.sysCart .header_h1_under a,
.sysOpcBody .header_h1_under a {
  display: block;
  width: 160px;
  margin: 0 auto;
}

.sysCart .header_h1_under .logo img,
.sysOpcBody .header_h1_under .logo img {
  float: none;
  margin-right: 0;
}

.sysCart .header_h1_under .head_title,
.sysOpcBody .header_h1_under .head_title {
  text-align: center;
}

.sysCart .header_wrap {
  border-bottom: none;
  height: auto;
  position: inherit;
}

.sysCart #sysWrap {
  margin: 0 auto;
}

.sysCart #sysMain,
.sysOpcBody #sysMain {
  max-width: 1100px;
  padding: 10rem 15rem;
  margin: 0 auto;
}


.sysCart #sysMain,
.sysCart #sysMain a {
  color: #000;
}

.sysCart .sysBox,
.sysCart .sysSelectPaymentArea,
.sysCart .sysSelectDeliveryArea,
.sysCart .sysRemarksArea,
.sysCart .sysSelectOptionArea,
.sysCart .sysDetail,
.sysCart .sysOrder .nav,
.sysCart .sysAcceptDomainArea,
.sysCart .sysRepeatOrderSetting {
  background-color: #ffffff;
  border: 1px solid #cfcfcf;
  border-radius: 0;
  box-shadow: none;
  margin: 1em auto 2em;
  padding: 1em;
}

.sysCart .sysBox hr {
  display: block;
  border: 0;
  height: 0;
  border-bottom: 1px solid #cfcfcf;
  margin: 5px 0;
  padding: 0;
}

.sysCart #sysMain input[type="text"],
.sysCart #sysMain input[type="password"],
.sysCart #sysMain input[type="email"],
.sysCart #sysMain input[type="number"],
.sysCart #sysMain input[type="tel"],
.sysCart #sysMain input[type="search"],
.sysCart #sysMain textarea {
  background: none;
  border-radius: 0;
  border: 1px solid #dddddd;
}

.sysCart .sysTotalTxt {
  text-shadow: none;
}

.sysTotal .sysTotalTxt .sysCartAttention {
  font-size: 2rem;
}

.sysCart .sysSubTotalArea {
  margin: 10px 0;
}

.sysCart .sysNextSubmitArea {
  margin-bottom: 20px;
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
  width: 100%;
  padding: 10px;
  margin: 5px 0;
  color: #fff;
  font-weight: bold;
  text-shadow: none;
  border-radius: 5px;
  background: #da4636 !important;
  border: none;
}

.sysCart .sysCartAttention,
.sysCart .sysRequired {
  color: #da4636;
  font-weight: bolder;
}

.sysCart .sysGetPoint {
  color: #da4636;
  font-weight: bolder;
}

.sysCart .sysCartNote {
  color: #000;
  font-size: 90%;
}

.sysCart .sysCartTitle {
  color: #000;
  font-size: large;
  font-weight: bolder;
  background-color: #fff;
  padding: 0;
  margin-bottom: 2px;
}

.sysCart .sysCartTitle span {
  font-size: 1.2rem;
}

.sysCart #sysMain input {
  background: #fff !important;
}

.sysCart #sysMain input[type="submit"],
.sysCart #sysMain button[type="submit"],
.sysCart #sysMain button {
  display: inline-block;
  padding: 10px;
  width: auto;
  height: auto;
  color: #000;
  background: #fff;
  border-radius: none;
  border: 1px solid #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.sysCart .sysDeleteArea,
.sysCart .sysConfirmButton {
  text-align: right;
}

.sysCart .sysNavImg {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}

.sysCart .sysFreeArea {
  color: #000;
  margin: 20px 0;
}

.sysSelectPayment li:last-child,
.sysSelectDelivery li:last-child,
.sysSelectOption li:last-child,
.sysCart .sysDetail li:last-child,
.sysRemarks,
.sysCart .sysOrder .nav li:last-child {
  border-bottom: none;
}

.sysCart .sysAcceptDomainArea input {
  padding: 0 10px !important;
}

.sysCart .cart_btn {
  color: #000;
  text-align: center;
  margin-top: 40px;
}

.sysCart .cart_btn p {
  margin: 0;
  padding: 0;
}

.sysCart .cart_btn .btn {
  margin-top: 5px;
}

.sysCart .cart_btn img {
  width: 200px;
  border: 1px solid #d0d0d0;
}

.sysCart .cart_info .sysContent {
  max-width: 300px;
  color: #000;
  text-align: center;
  font-weight: bolder;
  font-size: 13px;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  margin: 1em auto 0 auto;
  padding: 10px;
  background-color: #fff;
}

.sysCart #sysMain .sysConfirmButton input[type="submit"] {
  width: auto;
}

.sysCart #sysMain select {
  display: inline-block;
}

.sysCart .sysBtnChange {
  margin-bottom: 10px !important;
}

/*登録せずに購入*/
#sysBillingAddress .input-append input[type="text"] {
  display: inline-block;
}

/*都道府県*/
#sysBillingAddress .sysPrefState select {
  width: 200px;
}

/*性別*/
#sysBillingAddress .sysGender {
  margin-bottom: 20px;
}

#sysBillingAddress .sysGender input {
  vertical-align: middle;
}

#sysBillingAddress .sysGender label {
  display: inline-block;
  margin-right: 20px;
}

/*メルマガ*/
#sysBillingAddress .sysAcceptMailmagazine {
  margin-bottom: 20px;
}

/*注文完了ページ*/
.cart_completion {
  text-align: center;
}

/*ご注文番号*/
#sysThanks #sysMain .sysOrderNumber {
  font-size: 1.5rem;
  font-weight: bold;
}

/*お買い物を続ける*/
body#sysBasket .sysBackButton2 {
  font-weight: bold;
  background: #b4f4ff !important;
  border-color: #000 !important;
}


/***********************************
  ワンページカート
***********************************/
.mdl_btn_.opcDialog,
form.opcUseAmazon {
  width: 100%;
  padding-right: 0;
}

.sysCart #sysMain h3 {
  font-size: 20px;
}

.sysCart #sysMain #show-dlg-1,
.sysCart #sysMain #show-dlg-1_low,
.sysCart #sysMain .sysOpcNextSubmit,
.sysCart #sysMain .sysNextSubmit {
  display: block;
  width: 100% !important;
  padding: 15px 10px !important;
  margin: 5px 0 !important;
  color: #fff !important;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
  text-shadow: none;
  box-shadow: none;
  border: none !important;
  border-radius: 5px;
  background: #da4636 !important;
}

.sysCart #sysMain #show-dlg-2,
.sysCart #sysMain #show-dlg-3 {
  display: block;
  width: 100% !important;
  padding: 10px;
  margin: 0 0 30px !important;
  color: #fff !important;
  font-size: 1.2rem;
  line-height: 1;
  text-shadow: none;
  box-shadow: none;
  border: none !important;
  border-radius: 5px;
  background: #000 !important;
}

.sysCart #sysMain #show-dlg-3 {
  color: #fff !important;
  background: #da4636 !important;
}

.sysCart #sysMain .next_btn {
  color: #fff !important;
  font-size: 1rem;
  line-height: 1;
  border: none !important;
  background: #000 !important;
}

.sysCart #sysMain #order_price_confirm_btn {
  color: #fff !important;
  width: 100% !important;
  box-shadow: none;
  background: #000 !important;
}

.sysCart #sysMain .mdl-js-button {
  box-shadow: none;
}

.sysCart #sysMain #change-to-billAddr,
.sysCart #sysMain #show-dlg-addrList,
.sysCart #sysMain #show-dlg-inputAddr {
  line-height: 1;
  border: none !important;
  background: #000 !important;
}

.sysCart #sysMain p.user_type {
  font-size: 1.2rem;
}

.sysOpcProduct .sysOpcItemName {
  font-size: 1.2rem;
}

/*情報入力ページ調整*/
.sysOpcBody div#sysWrap {
  margin: 0 auto;
}

.sysOpcBody div#sysMain {
  padding: 3em 200px 0;
  margin-bottom: 60px;
  /*margin-top: 10rem;*/
padding-top:10rem;
}

.sysOpcBody .header_wrap {
  height: auto;
  position: static;
  border-bottom: none;
}

.sysOpcBody .header_h1_under a {
  pointer-events: none;
}

.sysOpcBody .footer .f_gnav_all {
  display: none;
}

input[type="button"],
select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
}

select {
  padding: 0 .5em;
}

.sysOpcBody img {
  max-width: 100%;
}

.opcCommonInputText,
.opcCommonInputSelect,
.opcCommonInputRadio,
.opcCommonInputCheckbox {
  margin-left: 0 !important;
}

.opcCommonEditModeBlock {
  background: #fff !important;
  padding: 20px;
}

.opcOrderSummaryTitle,
.opcBillingAddressTitle,
.opcDeliveryAddressTitle,
.opcItemTitle,
.opcPaymentMethodTitle {
  font-size: large !important;
  margin-bottom: 0.5em;
}

.opcItem {
  padding: 3%;
  border: 1px solid #9b9b9b;
  margin-top: 10px
}

.opcCommonInputSelect,
.opcCommonButton {
  /*width: 100px !important;*/
  background: #fff !important;
}

.opcCommonInputSelect {
  background: #f1f1f1 !important;
}

.opcBillingAddress_completeButton_edit,
.opcDeliveryMethod_completeButton_edit,
.opcPaymentMethod_completeButton_edit,
.opcItem_completeButton_edit,
.opcDeliveryAddress_completeButton_edit,
.opcPointAndCouponDialog_applyButton_edit,
.opcRemarks_completeButton_edit {
  background: #da4636 !important;
  border: 1px solid #da4636 !important;
  color: #fff !important;
  font-weight: bold;
}

.opcConfirm_inputStatus {
  display: block !important;
  width: 700px !important;
  margin: 0 auto 1em;
  background: #da4636 !important;
  color: #fff !important;
  border: 1px solid #da4636 !important;
  font-weight: bold;
}

.opcConfirm_inputStatus_disable {
  display: block !important;
  width: 700px !important;
  margin: 0 auto 1em;
  background: #ccc !important;
  color: #000 !important;
}

.opcConfirm_order {
  display: block !important;
  width: 700px !important;
  margin: 0 auto;
  background: #da4636 !important;
  color: #fff !important;
  border: 1px solid #da4636 !important;
  font-weight: bold;
}

.opcConfirm_order_disable {
  display: block !important;
  width: 700px !important;
  margin: 0 auto;
  background: #ccc !important;
  color: #000 !important;
}

.opcItem_increaseNumButton_edit,
.opcItem_decreaseNumButton_edit {
  width: 30px !important;
  background: #f1f1f1 !important;
}

.opcCommonButtonGroup {
  margin-top: 1em;
}

.opcBillingAddress_genderMaleAndLabelGroup_edit,
.opcBillingAddress_genderFemaleAndLabelGroup_edit {
  width: 15% !important;
}

.opcBillingAddress_acceptMailmagazineYesLabel_edit {
  margin-top: 1em;
  display: inline-block;
}

.opcOrderSummary_totalPriceAndLabelGroup {
  padding-bottom: 10px !important;
}

.opcCommonEditLabel {
  margin-top: 1em;
  border-left: 0px;
}

.opcOrderSummary_priceBreakDownGroup {
  padding-top: 1em;
  padding-bottom: 1em;
}

.opcOrderSummary_feeAndLabelGroup,
.opcOrderSummary_usePointPriceAndLabelGroup {
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.opcBillingAddress_prefState_edit {
  margin: 5px 0;
}

.opcBillingAddressButtonGroup_edit,
.opcDeliveryAddress_buttonGroup,
.opcDeliveryMethod_buttonGroup_edit {
  padding: 1em 0;
}

.opcDeliveryMethod_hopeDeliveryDateAndLabelGroup_edit,
.opcDeliveryMethod_hopeDeliveryTimeAndLabelGroup_edit {
  margin-bottom: 1em;
}

.opcItem_itemSubTotalPriceAndLabelGroup {
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.opcDeliveryAddressAndDeliveryMethodGroup,
.opcItemList {
  margin-bottom: 0 !important;
  border: none !important;
  padding: 0 !important;
  position: static !important;
}

.opcBillingAddress .opcCommonReferenceLabel {
  width: 70px;
  display: inline-block;
  position: relative;
}

.opcBillingAddress .opcCommonReferenceLabel::after {
  position: absolute;
  right: 0;
}

.opcDeliveryMethod .opcCommonReferenceLabel {
  width: 123px;
  display: inline-block;
  position: relative;
}

.opcDeliveryMethod .opcCommonReferenceLabel::after {
  position: absolute;
  right: 0;
}

.opcCommonRequireLabel {
  color: #da4636 !important;
  font-weight: bold;
}

.opcRemarks_remark_edit {
  width: 100% !important;
}

.opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2em;
}

.opcDeliveryAddressEditDialog_directChangeLabel {
  width: 100%;
}

.opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup .opcCommonButton {
  width: calc(32% - 1em) !important;
}

.opcItem_itemName {
  font-weight: bold;
  font-size: 15px;
}

.opcConfirm_headerErrorMessage {
  width: 100% !important;
  max-width: 800px;
}

.opcRemarks_remark,
.opcRemarks_cartOption {
  margin-left: 0 !important;
  width: 100% !important;
  ;
  white-space: normal !important;
  ;
}

#sysOpc>form+div {
  margin-bottom: 60px !important;
}

.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit {
  padding-left: 0 !important;
  margin-left: 0 !important;
  border-bottom: none !important;
}

.opcDeliveryAddress {
  border-bottom: 1px solid #9b9b9b;
  margin-bottom: 1em;
}

.opcDeliveryMethod_hopeDeliveryDateLabel_edit {
  width: 126px;
  display: inline-block;
}


/*購入手順フロー*/

#sysOpc > div.opcFreeAreaHeader > div.cart__flow-pc{
    margin: 5rem 0;
}

#sysOpc > div.opcFreeAreaHeader > div.cart__flow-sp{
display:none;
}



/*完了ページ調整*/
#sysThanks #sysMain {
  border: none;
}

#sysThanks .sysNavImg {
  display: none;
}

#sysThanks.sysCart .sysBox:nth-of-type(2) div:nth-of-type(1),
#sysThanks.sysCart .sysBox:nth-of-type(2) div:nth-of-type(2) {
  margin-bottom: 1em;
}

/***********************************
  検索ページ
***********************************/
#sysItemSearch div#sysMain {
  max-width: 980px;
  margin: 20px auto 40px;
}

#sysItemSearch .sysThumbnail .sysItemPrArea {
  text-align: left;
  margin-top: 5px;
}

#sysItemSearch #sysMain h2 {
  font-size: 13px;
  margin-bottom: 10px;
}

#sysItemSearch #sysMain .sysItemSearchForm {
  font-size: 12px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #ededed;
}

#sysItemSearch #sysMain .sysItemSearchFormWord {
  margin-bottom: 5px;
}

#sysItemSearch #sysMain .sysItemSearchFormWord input {
  height: 40px;
  vertical-align: bottom;
  border: 1px solid #d0d0d0;
}

#sysItemSearch #sysMain .sysSearchButton {
  display: block;
  margin: 10px auto;
  padding: 10px;
  width: 95%;
  border: none;
  background: #222222;
  color: #fff;
  font-size: 120%;
  cursor: pointer;
  border-radius: 3px;
}

#sysItemSearch #sysMain .sysItemSearchFormRange input {
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

#sysItemSearch #sysMain .sysItemSearchFormRange,
#sysItemSearch #sysMain .sysItemSearchFormCategory,
#sysItemSearch #sysMain .sysItemSearchFormSort,
#sysItemSearch #sysMain .sysItemSearchFormLimit {
  display: inline-block;
  margin: 5px auto;
}

#sysItemSearch #sysMain .sysItemSearchFormRange input {
  padding: 10px;
}

/***********************************
  お問い合わせ
***********************************/
#sysFormConfirm .sysNextSubmit {
  width: 100%;
  margin: 20px 0 0 !important;
}

#sysFormConfirm button.sysButton {
  width: 30%;
  margin-bottom: 20px;
}


/***********************************
  マイページ
***********************************/
.sysMypage #sysWrap {
  margin: 10px auto 0;
}

.sysMypage input[type="submit"] {
  margin-top: 10px;
}

/* マイページボタン */
.sysMypageNav>form {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}

.sysMypageNav .sysButton {
  width: 100%;
  display: block;
  font-size: 15px;
  margin: 5px 0;
  padding: 15px 0;
}

#sysMemberRegisterIndex .sysNextSubmit {
  width: 49%;
  float: left;
  margin-right: 1%;
  border-radius: 5px;
  height: 50px;
  font-size: 15px;
}

#sysMemberRegisterIndex .sysButton[type="submit"] {
  width: 49%;
  float: left;
  margin-right: 1%;
  border-radius: 5px;
  height: 50px;
  font-size: 15px;
  margin-top: 10px;
}

#sysMypageLogin .sysLoginButton {
  width: 49%;
  float: left;
  margin-right: 1%;
  font-size: 15px;
}

#sysMypageLogin .sysButton {
  width: 49%;
  margin-left: 1%;
  font-size: 15px;
}

#sysMemberRegisterIndex>#sysAll>#sysMain>#form_main>div>div.sysFormItem.sysFax,
#sysMemberRegisterIndex>#sysAll>#sysMain>#form_main>div>div.sysFormItem.sysAcceptMailmagazine {
  display: none;
}

#sysMemberRegisterConfirm>#sysAll>#sysMain>#sysDone>div>div.sysFormItem.sysFax,
#sysMemberRegisterConfirm>#sysAll>#sysMain>#sysDone>div>div.sysFormItem.sysAcceptMailmagazine {
  display: none;
}

/***********************************
  カート情報
***********************************/
#cartInfo {
  position: absolute;
  right: 150px;
  margin-top: 15px;
  margin-left: 5px;
  width: 150px;
  height: 30px;
  line-height: 28px;
  font-weight: bold;
  font-size: 12px;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

#cartInfo p.cartTxt {
  margin: -2px;
  line-height: 21px;
  padding-top: 5px;
  font-size: 10px;
}

#cartInfo p img {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 5px;
}

#cartInfo i {
  margin-right: 5px;
}

.h_cart {
  display: none;
  width: 280px;
  height: 145px;
  position: absolute;
  top: 40px;
  right: 5px;
  border: 1px solid #aaa;
  background: #fff;
  color: #000;
  z-index: 110;
  padding: 10px 20px;
}

.h_cart dl {
  font-size: 12px;
  margin-bottom: 0px;
}

.h_cart dl:after {
  display: block;
  content: "";
  clear: both;
}

.h_cart dt,
.h_cart dd {
  float: left;
}

.h_cart dd span {
  display: inline-block;
  color: #da4636;
  font-weight: bold;
  padding: 0 5px;
}

.h_cart .sysCartInfoCartIn a {
  display: block;
  background: #f2cd00;
  color: #000;
  width: 100%;
  margin: 10px 0% 5px;
  height: 50px;
  padding: 12px 0 0;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.h_cart .sysCartInfoCartIn a:hover {
  background: #999;
}

.h_cart .sysCartInfoCartIn a img {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

.h_cart .sysCartInfoCartIn a i {
  margin-right: 5px;
}

/* カート内商品数表示 */
button.itemCount {
  display: none;
  border: none;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  margin-left: 5px;
  color: #222222;
  background: #f2cd00;
  border-radius: 10px;
}



/***********************************
  共通パーツ
***********************************/
hr.style01 {
  width: 100%;
  height: 1px;
  background: #222222;
  margin: 50px auto;
  padding: 0;
  border: 0;
}

.sysTitle,
.sysHeadline {
  width: 600px;
  margin: 30px auto !important;
  position: relative;
  text-align: center;
  font-size: 23px;
  letter-spacing: 3px;
}

.sysTitle b,
.sysHeadline b {
  display: block;
  font-size: 14px;
  text-align: center;
}

.sysTitle span,
.sysHeadline span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 40px;
  background-color: #fafaf7;
  text-align: center;
}

.sysTitle::before,
.sysHeadline::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #222222;
}

.contentsWrap {
  width: 1100px;
  margin: 0 auto;
}

/***********************************
  特商法テーブルレイアウト
***********************************/
#main_tradelaw,
.main_tradelaw {
  border: 1px solid #ddd;
  margin: 0 auto 30px;
  max-width: 1100px;
}

#main_tradelaw dl,
.main_tradelaw dl {
  background: #ededed;
  border-bottom: 1px dotted #bfbfbf;
  overflow: hidden;
}

#main_tradelaw dl:last-child,
.main_tradelaw dl:last-child {
  border: 0px;
}

#main_tradelaw dt,
.main_tradelaw dt {
  padding: 15px 0 15px 20px;
  float: left;
  clear: both;
  font-weight: bolder;
}

#main_tradelaw dd,
.main_tradelaw dd {
  margin-left: 280px;
  padding: 15px;
  background: #fff;
}

.shipFee {
  max-width: 1100px;
  margin: 20px auto
}

.shipFee .tableTitle {
  font-size: 16px;
  height: 70px;
  padding: 10px;
  color: #424242;
  margin: 50px 0 0px;
  border: 0px !important;
  text-align: left;
}

table.shipFeeTable {
  border-collapse: collapse;
  margin-bottom: 30px;
  text-align: left;
  line-height: 1.5;
  text-align: center;
}

table.shipFeeTable .eyeCatch {
  width: 120px;
  display: block;
  margin: 5px auto;
  height: 25px;
  line-height: 25px;
  color: #000;
  border-bottom: 1px solid #aaa;
  padding-bottom: 5px;
}

table.shipFeeTable thead {
  background: #555;
  text-align: center;
}

.spThead {
  display: none;
}

table.shipFeeTable thead th {
  padding: 10px;
  vertical-align: top;
  font-weight: normal;
  color: #fff;
}

table.shipFeeTable tbody .sum {
  position: relative;
}

table.shipFeeTable tbody .sum i {
  position: absolute;
  color: #888;
  font-size: 35px;
  right: -15px;
  bottom: 30px;
  z-index: 20;
}

table.shipFeeTable tbody th {
  width: 600px;
  padding: 10px;
  vertical-align: top;
  background: #fff;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

table.shipFeeTable td {
  width: 500px;
  padding: 10px;
  vertical-align: top;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #eee;
}

table.shipFeeTable b {
  color: #D42E30;
  display: inline-block;
  padding: 0 3px;
  font-size: 1.2em;
}

div#main_tradelaw a {
  display: inline-block;
  color: #068acc;
  text-decoration: underline;
}

#sysMain>div.sysFuncText.p-law {
  padding-top: 10rem;
}

/***********************************
   お買い物ガイド
***********************************/
.indexList {
  margin: 10px 0;
}

.indexList li {
  display: inline-block;
  text-align: center;
  margin: 0 5px 10px;
  border: 1px solid #aaa;
  padding: 3px 10px;
  border-radius: 5px;
  font-size: 15px;
}

.guideBlock {
  padding-top: 30px;
}

/*商品購入ステップ*/
.steps ul {
  width: 700px;
  margin: 0 auto;
}

.steps ul:after {
  display: block;
  content: "";
  clear: both;
}

.steps li {
  float: left;
  padding: 0 6px;
  height: 200px;
}

.steps li a {
  display: block;
  height: 100%;
  height: 200px !important;
}

.steps li img {
  height: 200px;
}

/*自作*/

#sysMain>div.sysFuncText.guideindex.col2Style {
  margin-top: 12.5rem;
}


#sysMain>div.sysFuncText.s_guide.col2Style {
  max-width: 100rem;
margin: 0 auto;
    padding-top: 12rem;
}

/***********************************
   ボタンデザイン
***********************************/
.common_btn {
  width: 250px;
  margin: 20px auto 50px;
  position: relative;
}

.common_btn a {
  display: block;
  padding: 15px 0;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background: #000;
}

.common_btn a:hover {
  background: #999;
}

.common_btn a i {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
}

/***********************************
  TOPページ
***********************************/

/*クロネコペイボタン装飾調整*/
div#kuronekoPayFlex {
  margin-right: 21px;
}

.sysCart #sysMain #kuronekoPayFlex button img {
  margin-top: -11px;
}

.sysCart #sysMain button#kmid-login-subwindow-launch,
.sysCart #sysMain button[onclick="Sys('#kmid-login-subwindow-launch').click()"] {
  padding: 10px 0px 0px 0px;
}

.sysConfirmButton input#open_dlg_edit_customer_info {
  display: inline-block;
  padding: 10px;
  width: auto;
  height: auto;
  color: #000;
  background: #fff;
  border-radius: none;
  border: 1px solid #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}


/******************************************************************************************
     ここから自作
*******************************************************************************************/

/*トップページ2025*/

#header25{
position: fixed;
    width: 100%;
z-index:3;
top:0;
}

#header25 > div{
position: relative;
    display: flex;
    justify-content: space-between;
    height: 12rem;
    align-items: center;
z-index:2;

}

#header25 > div > a > h1{
margin-left: 5rem;
    width: 15rem;
}

#header25 > div > ul{
display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5rem;
}

#header25 > div > ul > li{
margin: .5em;
}

#header25 > div > ul > li> a{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#header25 > div > ul > li > a > img{
width: 2.5em;
}

#header25 > div > ul > li > a > p{
margin: 1rem 0 0 0;
font-weight:500;
font-size:1.4rem;
}

#header25 > div > ul > li.header25__gnav-menu-hamburger{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


#header25 > div > ul > li.header25__gnav-menu-hamburger > div {
 position: relative;
  width: 2.5em;
  height: 1.8em;
  cursor: pointer;
}
#header25 > div > ul > li.header25__gnav-menu-hamburger > div > span{
position: absolute;
  left: 0;
  width: 100%;
  height: 0.1em;
  background-color: #1a1a1a;
  border-radius: 4px;
}

#header25 > div > ul > li.header25__gnav-menu-hamburger > div,
#header25 > div > ul > li.header25__gnav-menu-hamburger > div > span{
display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}


#header25 > div > ul > li.header25__gnav-menu-hamburger > div > span:nth-child(1) {
  -webkit-animation: btn07-bar01 .75s forwards;
  animation: btn07-bar01 .75s forwards;
top: 0.5em;
}
@-webkit-keyframes btn07-bar01 {
  0% {
    -webkit-transform: translateY(20px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(20px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes btn07-bar01 {
  0% {
    transform: translateY(20px) rotate(45deg);
  }
  50% {
    transform: translateY(20px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
#header25 > div > ul > li.header25__gnav-menu-hamburger > div > span:nth-child(2) {
  transition: all .25s .25s;
  opacity: 1;
 top: 1.3em;
}
#header25 > div > ul > li.header25__gnav-menu-hamburger > div > span:nth-child(3) {
  -webkit-animation: btn07-bar03 .75s forwards;
  animation: btn07-bar03 .75s forwards;
bottom: -.4em;
}
@-webkit-keyframes btn07-bar03 {
  0% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-20px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes btn07-bar03 {
  0% {
    transform: translateY(-20px) rotate(-45deg);
  }
  50% {
    transform: translateY(-20px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
#header25 > div > ul > li.header25__gnav-menu-hamburger.active > div > span:nth-child(1) {
top: -0.3rem;
  -webkit-animation: active-btn07-bar01 .75s forwards;
  animation: active-btn07-bar01 .75s forwards;
}
@-webkit-keyframes active-btn07-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(20px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(20px) rotate(45deg);
  }
}
@keyframes active-btn07-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(20px) rotate(0);
  }
  100% {
    transform: translateY(20px) rotate(45deg);
  }
}
#header25 > div > ul > li.header25__gnav-menu-hamburger.active > div > span:nth-child(2) {
  opacity: 0;
}
#header25 > div > ul > li.header25__gnav-menu-hamburger.active > div > span:nth-child(3) {
bottom: -.9rem;
  -webkit-animation: active-btn07-bar03 .75s forwards;
  animation: active-btn07-bar03 .75s forwards;
}
@-webkit-keyframes active-btn07-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-20px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
  }
}
@keyframes active-btn07-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-20px) rotate(0);
  }
  100% {
    transform: translateY(-20px) rotate(-45deg);
  }
}

#header25 > div > ul > li.header25__gnav-menu-hamburger > p{
margin: 2rem 0 0 0;
font-weight:500;
font-size:1.4rem;
}


#header25 > nav {
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s linear;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0px;
  left: 0;
  text-align: center;
  right: 0;
  background: #f8f8f4;
  z-index: -1;
  padding: 15rem 0;
}


/*ナビリスト*/


#header25 > nav.is-active {
  pointer-events: auto;
  opacity: 0.99;
z-index:1;
}

#header25 > nav>ul.list1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 2.7rem;
  font-weight: 600;
  letter-spacing: 2px;
  padding-bottom: 5rem;
  border-bottom: 1px solid #1a1a1a;
  margin-bottom: 6rem;
}

#header25 > nav>ul.list1>li {
  margin: 0 10rem;
}

#header25 > nav>ul.list1>li a::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #000000;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}

#header25 > nav>ul.list1>li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}


#header25 > nav>ul.list1>li:nth-child(1)>a>img {
  vertical-align: middle;
  margin-right: 2rem;
}

#header25 > nav>ul.list1>li:nth-child(2)>a>img {
  vertical-align: middle;
  margin-right: 2rem;
}

#header25 > nav>ul.list2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 6rem;
}

#header25 > nav>ul.list2>li {
  margin-right: 6rem;
}

#header25 > nav>ul.list2>li:nth-child(3) {
  margin-right: 0;
}

#header25 > nav>ul.list3 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 6rem;
}

#header25 > nav>ul.list3>li {
  margin-right: 6rem;
}

#header25 > nav>ul.list3>li:nth-child(3) {
  margin-right: 0;
}

#header25 > nav>div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 2px;
}

#header25 > nav>div>div::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: 2rem;
}

#header25 > nav>div>ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

#header25 > nav>div.navContact>ul>li {
  margin-left: 2.5rem;
  background: #1a1a1a;
  border-radius: 5rem;
  padding: 10px 4rem;
}

#header25 > nav>div.navContact>ul>li>a {
  color: #fff;
}

#header25 > nav>div.english {
  margin-top: 5rem;
  font-size: 2rem;
}

#header25 > nav>div.sns {
  position: absolute;
  top: 20rem;
  right: 7.5rem;
}

#header25 > nav>div.sns>ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#header25 > nav>div.sns>ul>li {
  margin-bottom: 3rem;
}

#header25 > nav>div.sns>ul>li>a>img {
  width: 5rem;
  height: 5rem;
}

#header25 > ul{
display: flex;
height: 12rem;
    align-items: center;
    position: absolute;
    width: 50rem;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
z-index:3;
}

#header25 > ul.none{
display:none;
}



#header25 > ul > li{
margin: 0.5em;
    width: 10rem;
}

#header25 > ul > li> a{
display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


#header25 > ul > li > a > img{
width: 2.5em;
}

#header25 > ul > li > a > p{
margin: 1rem 0 0 0;
font-weight:500;
font-size:1.4rem;
padding:0;
}


#header25.scroll-nav{
background-color: #fafaf7;
opacity:.9;
}


#hero{
 pointer-events: none;
}
#hero > div {
  position: relative;
  margin: 0;
  padding: 0;
}
#hero > div > video {
position: relative;
    z-index: -1;
width: 100%;
  margin: 0 auto;
  overflow: hidden; /* 画像がはみ出ないようにする */
  width: 100vw;
}
#hero > div > video::before {
  display: block;
  padding-top: 39%;
  content: "";
}
#hero > divr > .slick-list,
#hero > div > .slick-list > .slick-track,
#hero > div> .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: 100%;
}
#hero > div > div > div{
padding-left: 0;
}


#recentnews{
max-width: 82rem;
    margin: 5rem auto 3rem;
}

#recentnews > div > h2{
    width: 6rem;
}



#sysMain > div.sysFuncInformation.recentnews__news-txt > div > nav{
max-width: 82rem;
    margin: 0 auto;
}
#sysMain > div.sysFuncInformation.recentnews__news-txt > div > nav > ul > li{
margin-top: 2.5rem;
}


#sysMain > div.sysFuncInformation.recentnews__news-txt > div > nav > ul > li> a{
font-size: 1.8rem;
    font-weight: 500;
position:relative;
}

#sysMain > div.sysFuncInformation.recentnews__news-txt > div > nav > ul > li > a::after{
position: absolute;
    content: ">";
    top: .3rem;
    right: auto;
    padding-left: 2rem;
}

#sysMain > div.sysFuncText.recentnews__cam > div > div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
max-width: 82rem;
    margin: 5.7rem auto;
position: relative;
}

#sysMain > div.sysFuncText.recentnews__cam > div > div > a{
display:block;
max-width: 40rem;
margin-bottom: 3rem;
width:45%;
}

#sysMain > div.sysFuncText.recentnews__cam > div > div > a> img{
width:100%;
filter: drop-shadow(4px 4px 4px #aaa);
}


#conceptwish{
    margin: 9rem auto 0;
    text-align: center;
padding-top: 20rem;
margin-top:-20rem;
}
#conceptwish > div > div > img{
    width: 8.8rem;
}
#conceptwish > div > h2{
    margin-top: 2rem;
    line-height: 1;
}
#conceptwish > div > h2 > img{
width: 8rem;
    margin-right: .5rem;
}
#conceptwish > p.conceptwish__txt{
margin: 6rem auto;
line-height: 35px;
font-weight: 500;
}

#conceptwish > p.conceptwish__from{
line-height: 1;
font-weight: 500;
}
#conceptwish > p.conceptwish__from > img{
width: 6rem;
    margin-right: .5rem;
}

#smiletable{
background: #FFFAEA;
    margin-top: 9.5rem;
position: relative;
}

#smiletable > div.smiletable__img1.forpc{
position: absolute;
max-width: calc((100% - 48rem) / 2.4);
top: 5rem;
left: 0;
}
#smiletable > div.smiletable__img2.forpc{
position: absolute;
max-width: calc((100% - 48rem) / 2);
    bottom: -5rem;
    right: 0;
}
#smiletable > div.smiletable__main{
    max-width: 48rem;
    margin: 0 auto;
    padding: 7rem 0 15.5rem;
}
#smiletable > div.smiletable__main > h2{
max-width: 35rem;
    margin: 0 auto;
}
#smiletable > div.smiletable__main > p.smiletable__main-txt1{
margin-top: 7rem;
    font-weight: 500;
    line-height: 35px;
}
#smiletable > div.smiletable__main > p.smiletable__main-txt2{
    font-weight: 500;
    line-height: 35px;
}

#itemslide{
padding-top: 20rem;
    margin-top: -10rem;
}
#itemslide > div{
    text-align: center;
}


#itemslide > div > p{
position:relative;
width: fit-content;
    margin: 0 auto;
    font-size: 2rem;
    font-weight: 600;
}

#itemslide > div > p::before{
position: absolute;
    content: "";
    top: .2rem;
    left: -1.5rem;
    width: .3rem;
    height: 3rem;
    background-color: #1a1a1a;
    border-radius: 1rem;
    transform: rotate(-30deg);
}

#itemslide > div > p::after{
position: absolute;
    content: "";
    top: .2rem;
    right:-1.5rem;
    width: .3rem;
    height: 3rem;
    background-color: #1a1a1a;
    border-radius: 1rem;
    transform: rotate(30deg);
}

#itemslide > div > h2{
margin-top: 2rem;
    font-size: 2.5rem;
    line-height: 1.5;
}

#itemslide > div > h2 > img{
width: 10rem;
    vertical-align: top;
    margin-right: .5rem;
}

#itemslide > ul{
margin-top: 9rem;
width: 100%;
  height: 100%;

}

#itemslide > ul > div > div > li{
padding:0 8em;
max-width:50em;
}

#itemslide > ul > div > div > li > a{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
margin:0 auto;
}



#itemslide > ul > div > div > li > a > h3{
font-size: 2rem;
    text-align: center;
}

#itemslide > ul > div > div > li > a > h3 > img{
width: 10rem;
margin:0 auto;
}

#itemslide > ul > div > div > li > a > div.itemslide__item-box-img{
display: flex;
    justify-content: space-around;
    align-items: center;
margin-top: 5rem;
}

#itemslide > ul > div > div > > li > a > div.itemslide__item-box-img > img{
    display: block;
width:45%;
}



#itemslide > ul > div > div > li.itemslide__item-box > a > div.itemslide__item-box-desc{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#itemslide > ul > div > div > li.itemslide__item-box > a > div.itemslide__item-box-desc > img{
display: block;
    margin-top: 3.5rem;
    width: 30rem;
}

#itemslide > ul > div > div > li.itemslide__item-box > a > div.itemslide__item-box-desc > p{
font-weight: 500;
    line-height: 3rem;
}

#itemslide > ul > div > div > li.itemslide__item-box > a > div.itemslide__item-box-desc > img:nth-child(4){
width: 40rem;
}

#itemslide > ul > button.slick-next{
right: 25%;
}

#itemslide > ul > button.slick-prev{
left: 25%;
}

#itemslide > ul > button.slick-next,
#itemslide > ul > button.slick-prev{
    top: 55%;
}

#itemslide > ul > div > div > li.itemslide__item-box.slick-slide.slick-current.slick-active.slick-center{

}


#itemslide > a{
    display: block;
    width: fit-content;
    margin: 2rem auto;
}

#itemslide > a > p{
font-size: 2rem;
    font-weight: 600;
    border: 2px solid #1a1a1a;
    border-radius: 10px;
    padding: 2rem 3rem;
}


#giftsets{
margin-top:9rem;
margin-bottom: 9rem;
}

#giftsets > div.giftsets__social{
margin-bottom: 80px;
}

#giftsets > div.giftsets__social > p{
text-align: center;
    line-height: 2;
    font-size: 20px;
font-weight: 500;
}


#giftsets > div.giftsets__title > div{
width: 9.2rem;
    margin: 0 auto;
}

#giftsets > div.giftsets__title > h2{
margin-top: 2.5rem;
    text-align: center;
    font-size: 2.5rem;
    line-height: 0.8;
}

#giftsets > div.giftsets__title > h2 > img{
  width: 10rem;
    margin-right: 1rem;
}

#giftsets > ul{
margin-top: 9rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}

#giftsets > ul > li{
width:40%;
margin-bottom: 6rem;
}

#giftsets > ul > li >  a > p{
text-align: center;
    font-weight: 500;
}

#giftsets > ul > li > a > img:nth-child(2){
border-radius: 10px;
}

#giftsets > ul > li >  a >img:nth-child(3){
display: block;
    width: 21rem;
    margin: 2rem auto;
}

#giftsets > ul > li > a > h3{
text-align: center;
}


#giftsets > div.giftsets__more > p{
font-size: 2rem;
    text-align: center;
}

#giftsets > div.giftsets__more > a{
display: block;
    max-width: 67rem;
    margin: 4rem auto;
}

#giftsets > div.giftsets__more > a > img{
width:100%;
filter: drop-shadow(4px 4px 4px #aaa);
}

#sysMain > div.sysFuncText.safe{
    background: #FFFAEA;
}

#safe{
    padding-top: 6.2rem;
padding-bottom: 6.2rem;
}

#safe > div.safe__title{
text-align: center;
}

#safe > div.safe__title > div > img{
width: 19.8rem;
}

#safe > div.safe__title > h2{
    margin-top: 2.5rem;
    font-size: 2.5rem;
}

#safe > p{
margin: 3rem 0;
    text-align: center;
    font-weight: 600;
    line-height: 30px;
}

#safe > div.safe__container{
margin: 6rem 0 8rem 0;
display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#safe > div.safe__container > div{
max-width: 32rem;
}

#safe > div.safe__container > div > h3{
display: block;
    max-width: 30rem;
    margin: 2.5rem auto;
height: 5.5rem;
    position: relative;
}

#safe > div.safe__container > div> p.safe__container-box-txt{
font-weight: 500;
    line-height: 30px;
min-height: 15rem;
}


#safe > div.safe__container > div> a > p.safe__container-box-bttn{
width: fit-content;
text-align: center;
    font-weight: 500;
position:relative;
}

#safe > div.safe__container > div> a > p.safe__container-box-bttn::after{
position: absolute;
    content: "";
    top: .3rem;
    right: -2rem;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(/img/top/2025/arrow.png);
    background-size: contain;
}

#safe > div.safe__container > div:nth-child(1) > h3 > img{
position: absolute;
    bottom: 0;
}

#safe > div.safe__container > div:nth-child(2) > h3 > img{
    max-width: 25rem;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#stp{
    margin: 6.5rem auto;
}

#stp > a > h2{
    max-width: 48rem;
    margin: 0 auto;
}

#stp > div{
display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 7rem auto;
}

#stp > div > a{
display:block;
  filter: drop-shadow(4px 4px 4px #aaa);
max-width: 40rem;
width:45%;
}


#stp > div > a > img{
width:100%;
}

#sysMain > div.sysFuncText.ranking{
padding-top: 6.5rem;
}


#ranking{
background: #FFFAEA;
padding: 6.2rem 0;
padding-top: 15rem;
    text-align: center;
margin-top: 5rem;
}

#ranking > div > div > div{
width: 9.5rem;
    margin: 0 auto;
    position: relative;
}

#ranking > div > div > div::after{
position:absolute;
content:"";
width:15rem;
height:10rem;
background-image:url('/img/top/2025/wow.png');
background-size:contain;
top:0;
right:-25vw;
}

#ranking > div > div > h2{
margin-top: 2.5rem;
    font-size: 2.5rem;
}

#sysMain > div.sysFuncItemBlock.rankignblock{
background: #FFFAEA;
}

#sysMain > div.sysFuncItemBlock.rankignblock > div > div > ul{
display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap:2rem;
    grid-row-gap: 5rem;
max-width: 82rem;
    margin: 0 auto;
}

#sysMain > div.sysFuncItemBlock.rankignblock > div > div > ul > li{
    place-content: flex-start;
width: 100%;
display: flex;
    flex-direction: column;
    justify-content:flex-start;
    align-items: center;
}
#sysMain > div.sysFuncItemBlock.rankignblock > div > div > ul > li> div.sysIconRank{
     width: 5rem;
}


#sysMain > div.sysFuncItemBlock.rankignblock > div > div > ul > li > div.sysItemName{
    width: fit-content;
    text-align: center;
    font-weight: 600;
}

#sysMain > div.sysFuncItemBlock.rankignblock > div > div > ul > li > div.sysItemPrice{
    width: fit-content;
    font-weight: 600;
text-align: center;
}

#sysMain > div.sysFuncItemBlock.rankignblock > div > div > ul > li> div.sysItemImage{
aspect-ratio:1/1;
}


#sysMain > div.sysFuncText.giftwrapping.sysDisplayMobileNone{
background:url('/img/top/2025/bg_wrapping.png') repeat center center ;
background-size:contain;
width:100%;
position: relative;
    padding-top: 6.5rem;
}

#wrapslide{
margin-top:-20rem;
    padding: 6.2rem 0;
padding-top: 20rem;
}


#wrapslide > div > div{
width: 16.6rem;
    margin: 0 auto;
    position: relative;
}

#wrapslide > div > div::before{
position:absolute;
content:"";
top: -5rem;
    left: -40vw;
width:30rem;
height:21rem;
background:url('/img/top/2025/soshoku_left.png') no-repeat center center;
background-size:contain;
}

#wrapslide > div > div::after{
position:absolute;
content:"";
top:0;
right: -40vw;
width:30rem;
height:21rem;
background:url('/img/top/2025/soshoku_right.png') no-repeat center center;
background-size:contain;
}

#wrapslide > div > h2{
font-size: 2.5rem;
    line-height: 1;
    text-align: center;
    margin-top: 2.5rem;
}

#wrapslide > div > h2 > img{
width: 10rem;
}

#wrapslide > ul{
    margin: 14.3rem 10rem 0;
}

#wrapslide > ul > div > div > li.slick-slide{
flex-direction: column;
    justify-content: center;
    align-items: center;
padding:0 1rem;
}

#wrapslide > ul > div > div.slick-track{
padding:0;
}

#wrapslide > ul > div > div > li> img{
    border-radius: 10px;
    display: block;
}

#wrapslide > ul > div > div > li> h3{
margin-top: 3.5rem;
    text-align: center;
}

#wrapslide > a{
display: block;
margin:6.2rem auto 0;
   max-width: 77rem;
    text-align: center;
}

#wrapslide > a > img{
 width:100%;
}

#howto{
padding-top: 20rem;
margin-top:-20rem;
}


#howto > div.howto__title{
margin-top: 6.2rem;
}

#howto > div.howto__title > div{
width: 38rem;
    margin: 0 auto;
}

#howto > div.howto__title > h2{
margin-top: 2.5rem;
    font-size: 2.5rem;
    text-align: center;
}

#howto > div.howto__main{
max-width: 82rem;
    margin: 8.5rem auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
position: relative;

}

#howto > div.howto__main > div{
width:45%;
filter: drop-shadow(4px 4px 4px #aaa);
}
#howto > div.howto__main > div:nth-child(4){
filter: none;
}


#howto > div.howto__main > div:nth-child(4) > img{
width: 32rem;
    margin: 2em auto;
}

#pickup{
background: #FFFAEA;
}

#pickup > div{
padding-top: 6.2rem;
    padding-bottom: 6.2rem;
}

#pickup > div > div.pickup__title > div{
width: 22.5rem;
    margin: 0 auto;
}

#pickup > div > div.pickup__title > h2{
margin-top: 2.5rem;
    font-size: 2.5rem;
    text-align: center;
}

#pickup > div > div.pickup__container{
margin-top: 5rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

#pickup > div > div.pickup__container > div{
width: 45%;
    max-width: 35rem;
}

#pickup > div > div.pickup__container > div:nth-child(1) > h3{
    width: 22rem;
    margin: 2rem auto;
}

#pickup > div > div.pickup__container > div:nth-child(2) > h3{
width: 15.5rem;
    margin: 2rem auto;
}

#pickup > div > div.pickup__container > div> div.pickup__container-box-main{
display: flex;
    align-items: flex-start;
}

#pickup > div > div.pickup__container > div > div.pickup__container-box-main > a{
display: block;
    width: 50%;
}

#pickup > div > div.pickup__container > div > div.pickup__container-box-main > div{
width: 50%;
}

#pickup > div > div.pickup__container > div > div.pickup__container-box-main > div{
padding-left: 1rem;
}

#pickup > div > div.pickup__container > div > div.pickup__container-box-main > div > p:nth-child(2){
font-size:1.4rem;
}

#pickup > div > div.pickup__container > div > div.pickup__container-box-comment{
margin-top: 2.5rem;
}


#pickup > div > div.pickup__container > div:nth-child(1) > div.pickup__container-box-comment > img{
width: 19rem;
}

#pickup > div > div.pickup__container > div:nth-child(2) > div.pickup__container-box-comment > img{
width: 12rem;
}


#pickup > div > div.pickup__container > div:nth-child(1) > div.pickup__container-box-comment > p{
font-weight: 500;
}

#pickup > div > div.pickup__container > div > a > div{
    margin-top: 3rem;
filter: drop-shadow(4px 4px 4px #aaa);
}

#wp{
padding-top: 20rem;
margin-top:-20rem;
}

#wp > div > div{
margin-top: 6.2rem;
}

#wp > div > div > img{
display: block;
    width: 17.5rem;
    margin: 0 auto;
}

#wp > div > h2{
text-align: center;
    margin-top: 2.5rem;
    font-size: 2.5rem;
    line-height: 1;
}

#wp > div > h2 > img{
width: 9rem;
    margin-right: 1rem;
}

#wp > p{
position:relative;
margin: 4rem auto;
width: fit-content;
}


#wp > p::after{
position: absolute;
    content: "";
    top: .3rem;
    right: -2rem;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(/img/top/2025/arrow.png);
    background-size: contain;
}

#viewPosts.wp__contents{
margin-top: 4rem;
}

#viewPosts > li > a > img{
border-radius:10px;
}


#sysMain > div.sysFuncText.wparticle{
    margin-bottom: 6.2rem;
}

#sysMain > div.sysFuncText.mmf{
    background: #E5E8ED;
    padding-top: 6.5rem;
}

#mff{
padding: 6.2rem 0;
}

#mff > div > h2{
font-size: 2rem;
    text-align: center;
    line-height: 1;
}

#mff > div > h2 > img{
width: 10rem;
    margin-right: 1rem;
}

#mff > div > div{
margin: 0 auto;
    margin-top: 3.8rem;
    width: 38rem;
}

#mff > div > p{
text-align: center;
    font-weight: 600;
}

#mff > p{
margin: 5.5rem 0;
    text-align: center;
    font-size: 3.2rem;
    font-weight: 600;
    letter-spacing: 5px;
}

#mff > ul{
display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    padding: 0 6rem;
}

#mff > a > p{
margin: 3rem auto;
    width: fit-content;
    border: 1px solid #1a1a1a;
    padding: 2rem;
    border-radius: 1rem;
    font-weight: 600;
    font-size: 2rem;
    background-color: #fafafa;
filter: drop-shadow(4px 4px 4px #aaa);
}

#search{
background: #FFFAEA;
border-bottom: 1px solid #1a1a1a;
}

#search > div{
padding:6.2rem 0;
}

#search > div > div.search__title > h2{
font-size: 2.5rem;
    line-height: 1;
    text-align: center;
}

#search > div > div.search__title > h2 > img{
    width: 10rem;
    margin-right: 1rem;
}

#search > div > div.search__main{
margin-top: 5rem;
    display: flex;
    justify-content: space-between;
}

#search > div > div.search__main > a{
display:block;
width: 45%;
max-width:40rem;
margin: 0 auto;
}


#search > div > div.search__main > a> img{
width:100%;
filter: drop-shadow(4px 4px 4px #aaa);
}

#faq{
padding-top: 20rem;
    margin-top:-20rem;
}

#faq > a > img{
display: block;
    max-width: 40rem;
    margin: 6.2rem auto;
}



/*最後尾*/

.fadeUp {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}

.fadeUp.on {
  transform: translateY(0);
  opacity: 1.0;
}

.underline {
  border-bottom: 1px solid #1a1a1a;
}


.yellow {
  color: #f2cd00;
}

/*キッズ写真無限ループ*/


@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

#sysMain>div.sysFuncText.kidsroll>div>div>div {
  display: flex;
  overflow: hidden;
}

#sysMain>div.sysFuncText.kidsroll>div>div>div>ul {
  display: flex;
  animation: infinity-scroll-left 95s infinite linear 0.5s both;
}

#sysMain>div.sysFuncText.kidsroll>div>div>div>ul>li {

  width: calc(100vw / 4);
}

#sysMain>div.sysFuncText.kidsroll>div>div>div>ul>li>img {
  width: 100%;
}


@keyframes fuwa {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}


.is-animated {
  animation: 3s fuwa 2;
}



/****************************

　　　FAQ

****************************/



#faqcontents {
  margin: 0 10vw;
  padding-top: 10rem;
}

#faqcontents>div.common_inner {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 30px;
}


#faq_page_title {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 30px
}

#faqcontents>div.common_inner>h1 {

  background-color: #ebe4a4;
  font-size: 18px;
  padding: 20px 15px 15px;
  position: relative;

}

#faqcontents>div.common_inner>div.common_inner.w910.sp100 {

  margin: 0 0;
}


#faqcontents>div>div.common_inner.w910.sp100>div.mainimg {
  margin-top: 2em;
}


#faqcontents>div>div.common_inner.w910.sp100>div.mainimg>img {
  border-radius: 8px;
}

#block_gift04_01 {
  margin: 0 0 10px;
  position: relative;
}


#block_gift04_01>ul {
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#block_gift04_01>ul>li {
  width: 80%;
  margin: 0 1% 5% 0;

  letter-spacing: normal;
}


#faqdish {
  margin-top: -80px;
  padding-top: 80px;
}

#faqdish>h3 {

  margin: 0 0 20px;
  margin: 0 0 20px;
  padding: 3px 0 10px 40px;
  border-bottom: dotted 1px #c0c0c0;
  background: url(/img/under/faq/icon_h3.png) no-repeat left top;
  font-size: 18px !important;
  line-height: 1.2em;
  text-align: left;
}

#faqdish>div.pic_faq {
  width: 35%;
  margin: 0 0 10px 20px;
  float: right;
}

#faqdish>div.pic_faq>img {
  width: 100%;
  border-radius: 8px;
}


#faqdish>div.text_faq {
  margin-bottom: 20px;
  text-align: left;
}


#faqdish>div.text_faq>p.q {
  margin-top: 1em;
  background: url(/img/under/faq/icon_faq_q_02.png) no-repeat left 1px;
  background-size: 24px;
  color: #989898;
  font-weight: bold;
  padding: 5px 0 5px 30px;
  font-size: 14px;
  line-height: 1.4em;
}

#faqdish>div.text_faq>p.a {
  margin: 0 0 10px;
  padding: 5px 0 5px 30px;
  font-size: 14px;
  line-height: 1.6em;
  background: url(/img/under/faq/icon_faq_a.png) no-repeat left 3px;
  background-size: 24px;
  font-weight: 500;
}


#faqcontents>div>div.common_inner.w910.sp100>div.block_faq {
  margin: 0 0 20px 0;
  position: relative;
  text-align: left;
}

#faqcontents>div>div.common_inner.w910.sp100>div.block_faq>h3 {

  margin: 0 0 20px;
  margin: 0 0 20px;
  padding: 3px 0 10px 40px;
  border-bottom: dotted 1px #c0c0c0;
  background: url(/img/under/faq/icon_h3.png) no-repeat left top;
  font-size: 18px !important;
  line-height: 1.2em;
  text-align: left;
}

#faqcontents>div>div.common_inner.w910.sp100>div.block_faq>h3>span {
  font-size: 15px;
  margin: 0 0 0 10px;
}

#faqcontents>div>div.common_inner.w910.sp100>div.block_faq>div.pic_faq {
  width: 35%;
  margin: 0 0 10px 20px;
  float: right;
}

#faqcontents>div>div.common_inner.w910.sp100>div.block_faq>div.pic_faq>img {
  border-radius: 8px;
}


#faqcontents>div>div.common_inner.w910.sp100>div.block_faq>div.text_faq {
  margin-bottom: 20px;
  text-align: left;
  font-size: 14px;
}


#faqcontents>div>div.common_inner.w910.sp100>div.block_faq>div.text_faq>p.q {

  margin-top: 1em;
  background: url(/img/under/faq/icon_faq_q_02.png) no-repeat left 1px;
  background-size: 24px;
  color: #989898;
  font-weight: bold;
  padding: 5px 0 5px 30px;
  font-size: 14px;
  line-height: 1.4em;
}


#faqcontents>div>div.common_inner.w910.sp100>div.block_faq>div.text_faq>p.a {
  margin: 0 0 10px;
  padding: 5px 0 5px 30px;
  font-size: 14px;
  line-height: 1.6em;
  background: url(/img/under/faq/icon_faq_a.png) no-repeat left 3px;
  background-size: 24px;
  font-weight: 500;
}


.link_underline {
  text-decoration: underline;
  color: #f0cc33;
}


#faqcontents>div>div.common_inner.w910.sp100>div:nth-child(5)>div.pic_faq>img {
  width: 150px;
}


#faq_page_title {
  display: none;
}


#questions>#sysAll>#sysMain>div.footershopping>div.sysContent>#shopping>div.shoppingwrap {
  margin-top: 0;
  margin-bottom: 10rem;
}

#faqcontents>div.futonlink {
  text-align: center;
  padding: 2rem;
  border: 1px solid #1a1a1a;
  border-radius: 20px;
  width: 35rem;
  margin: 0 auto;
}

#faqcontents>div.common_inner>div.common_inner.w910.sp100>div.block_faq>div.text_faq>p.a>span.reviewbold {
  font-weight: 600;
}


/****************************

　　　  会員情報忘れた

****************************/

#sysMypageReminder>#sysAll>#sysHeader>div.h_spnavi>#spNaviWrap {
  display: none;
}

#sysMypageReminder>#sysAll>#sysWrap {
  margin-top: 5rem;
}


#sysMypageReminder>#sysAll>#sysWrap>#sysMain>h3 {
  text-align: center;
  margin-bottom: 2rem;
}



/***************************************
:::::::::::::::::::::::::::::::::::::::

           shop一覧

::::::::::::::::::::::::::::::::::::::::
****************************************/


.tab {
  display: flex;
  flex-wrap: wrap;
  gap: 0 10px;
  margin-top: 10rem;
}

.tab>label {
  flex: 1 1;
  order: -1;
  opacity: .5;
  min-width: 70px;
  padding: 1em 1em;
  border-radius: 5px 5px 0 0;
  background-color: #f2cd00;
  color: #fff;
  font-size: .9em;
  text-align: center;
  cursor: pointer;
  font-weight: 600;
  letter-spacing: 2px;
}

.tab>label:hover {
  opacity: .8;
}

.tab input {
  display: none;
}

.tab>div {
  display: none;
  width: 100%;
  padding: 1.5em 1em;

}

.tab label:has(:checked) {
  opacity: 1;
}

.tab label:has(:checked)+div {
  display: block;
}

#sysMain>div.sysFuncText.shoplist {
  padding-top: 15rem;
  max-width: 90rem;
  margin: 0 auto;
}

#shoplineup {
  text-align: center;
  font-size: 2.5rem;
  letter-spacing: 2px;
}


#sysMain>div.sysFuncText.shoplist>div>div.shopimage {
  max-width: 15rem;
  margin: 2rem auto;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopimage>img {
  width: 100%;
}

#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section.retailerwrap>div.retailer {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  border-bottom: 2px dotted #1a1a1a;
  padding-bottom: 1rem;
  text-align: center;
  max-width: 500px;
  margin: 6rem auto;
}

#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.shopwrap>div>p.title {
  padding-left: 1rem;
  border-left: 5px solid #1a1a1a;
  font-weight: 600;
  letter-spacing: 1.5px;
  margin: 2rem 0;
}

#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.shopwrap>div>div.itemContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}


#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.shopwrap>div>div>div.itemwrap {
  width: 40rem;
  margin-bottom: 5rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.shopwrap>div>div>div.itemwrap:nth-child(odd) {
  margin-right: 6rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.shopwrap>div>div>div>div.name>img {
  vertical-align: middle;
  margin-right: 0.5rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.shopwrap>div>div>div>div.name {
  font-weight: 500;
}

#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.shopwrap>div>div>div>div.web {
  margin: 1rem 0;
  border-bottom: 1px solid #f2cd00;
  width: 12rem;
  position: relative;
  left: 2rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.shopwrap>div>div>div>div.web::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f054";
  top: 0;
  left: -2rem;
  color: #f2cd00;
}


#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.shopwrap>div>div>div>div.tag {
  margin-top: 2rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.shopwrap>div>div>div>div.tag>img {
  margin-right: 2rem;
}


#sysMain>div.sysFuncText.shoplist>div>div.jalcontainer {
  text-align: center;
}

#sysMain > div.sysFuncText.shoplist > div > div.jalcontainer > p.first {
  font-weight: 600;
  margin: 0;
  margin-bottom: 5rem;
  letter-spacing: 2px;
  font-size: 2rem;
}

#sysMain > div.sysFuncText.shoplist > div > div.jalcontainer > p.second{
font-size:2.2rem;
  font-weight: 600;
}



#sysMain>div.sysFuncText.shoplist>div>div.jalcontainer>div {
  width: 500px;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.shoplist>div>div.jalcontainer>div>img {
  width: 100%;
}

#sysMain>div.sysFuncText.shoplist>div>div.bannar {
  max-width: 60rem;
  margin: 10rem auto;
}

#sysMain>div.sysFuncText.shoplist>div>div.flow {
  max-width: 60rem;
  margin: 5rem auto;
  text-align: center;
}

#sysMain>div.sysFuncText.shoplist>div>div.flow>div:nth-child(1) {
  margin-bottom: 5rem;
}


#sysMain>div.sysFuncText.shoplist>div>div.shopContact {
  margin: 10rem 0;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>p {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 5rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactTitle {
  display: flex;
  font-weight: 600;
  font-size: 1.8rem;
  letter-spacing: 2px;
  border-bottom: 2px solid #1a1a1a;
  padding-bottom: 2rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList {
  display: flex;
  align-items: flex-start;
  margin-top: 5rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactBttn>div.linkBttn {
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
  margin-left: 3rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactBttn>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactBttn>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactBttn>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);

}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactBttn {
  margin-right: 10rem;
}


#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactNumber {
  width: 40rem;
  text-align: center;
  margin-top: 5rem;
  font-weight: 600;
  letter-spacing: 2px;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactNumber>p.number {

  font-size: 2.5rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactNumber>p:nth-child(3) {
  margin-top: 3rem;
}

#sysMain>div.sysFuncText.shoplist>div>section>div.retailer {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  border-bottom: 2px dotted #1a1a1a;
  padding-bottom: 1rem;
  text-align: center;
  max-width: 500px;
  margin: 6rem auto;
}

#sysMain>div.sysFuncText.shoplist>div>section>div.shopwrap>div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

#sysMain>div.sysFuncText.shoplist>div>section>div.shopwrap>div>div.itemwrap {
  width: 40rem;
  margin-bottom: 5rem;
}


#sysMain>div.sysFuncText.shoplist>div>section>div.shopwrap>div>div.itemwrap:nth-child(odd) {
  margin-right: 6rem;
}


#sysMain>div.sysFuncText.shoplist>div>section {
  padding: 1.5em 1em;
}


#sysMain>div.sysFuncText.shoplist>div>section>div.shopwrap>div>div>div.name>img {
  vertical-align: middle;
  margin-right: 0.5rem;
}

#sysMain>div.sysFuncText.shoplist>div>section>div.shopwrap>div>div>div.web {
  margin: 1rem 0;
  border-bottom: 1px solid #f2cd00;
  width: 12rem;
  position: relative;
  left: 2rem;
}

#sysMain>div.sysFuncText.shoplist>div>section>div.shopwrap>div>div>div.web::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f054";
  top: 0;
  left: -2rem;
  color: #f2cd00;
}


#sysMain>div.sysFuncText.shoplist>div>section>div.shopwrap>div>div>div.tag {
  margin-top: 2rem;
}



/***************************************
:::::::::::::::::::::::::::::::::::::::

           FUTON特集ページ

::::::::::::::::::::::::::::::::::::::::
****************************************/


#myfirstfuton {
  background-color: #fff;
}


#sysMain>div.sysFuncText.myfirstfuton {
  padding-top: 15rem;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div {
  max-width: 910px;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92 {
  width: 900px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div {
  text-align: center !important;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
  margin-bottom: 2rem;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul>li:nth-child(1) {
  width: 185px;
  margin-right: 40px
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul>li:nth-child(2) {
  width: 176px;
  margin-right: 16px
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul>li:nth-child(3) {
  width: 101px;
  margin-right: 57px;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul>li:nth-child(4) {
  width: 180px;
  margin-right: 6px;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul>li {
  padding: 0;
  letter-spacing: normal;
  display: inline-block;
}

#contents>div>div.common_inner.w910.sp100>div.layout_f92>div>ul>li>a>img {
  width: 100%;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.mainimg_f92 {
  margin: 0 0 50px;
}

#link_01 {
  margin-top: -45px;
  padding-top: 45px;
}



#link_01>div>h3 {
  margin: 0 0 20px;
  margin-left: 430px;
  padding: 0;
  font-size: 2.5rem;
  line-height: 1.4em;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common {
  margin-bottom: 80px;
  padding-bottom: 80px;
  background: url(/img/under/futon/line_f92.png) no-repeat left bottom;
}


#link_01>div>div.pic {
  width: 360px;
  margin: 0;
  padding-top: 0;
  float: left;
}

#link_01>div>div.text {
  width: 470px;
  margin: 0;
  float: right;
}


#link_01>div::after {
  content: "";
  display: block;
  clear: both;
}


#link_01>div>div.text>p:nth-child(4)>span.iiwan-60-new>img {
  width: 60px;
  vertical-align: middle;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>h2 {
  margin: 0 0 50px;
  padding: 0;
  font-size: 2.8em;
  line-height: 1.4em;
  text-align: center;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>h2>span {
  min-height: 75px;
  padding: 20px 0 0 40px;
  background: url(/img/under/futon/icon_f92.png) no-repeat left center;
  background-size: 80px;
  display: inline-block;
  box-sizing: border-box;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>h2>span>span.iiwan-110-new>img {
  width: 110px;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>h2>span>span.en {
  font-size: 1.1em;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>ul {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>ul>li {
  width: 268px;
  margin: 0 48px 0 0;
  padding: 0;
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>ul>li:nth-child(3) {
  margin: 0;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>ul>li>p.products_name {
  margin-top: 0;
  font-size: inherit;
  line-height: 1.4em;
  font-weight: bold;
  text-align: center;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>ul>li>p.btn-buy {
  margin-top: 0;
  font-size: inherit;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>ul>li>p.btn-buy>a {
  width: 100%;
  padding: 5px;
  color: #fff;
  background-color: #000;
  display: block;
  box-sizing: border-box;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>ul>li>a>img {
  width: 100%;
  margin: 0 0 20px;
}


#link_02 {
  margin-top: -80px;
  padding-top: 80px;
}


#link_02>div {
  width: 120px;
  margin: 0 auto 10px;
}

#link_02>div>img {
  width: 100%;
}

#link_02>h2 {
  margin: 0 0 50px;
  padding: 0;
  font-size: 2.8em;
  line-height: 1.4em;
  text-align: center;
}


#link_02>h2>span {
  min-height: 75px;
  padding: 20px 0 0 40px;
  background: url(/img/under/futon/icon_f92.png) no-repeat left center;
  background-size: 80px;
  display: inline-block;
  box-sizing: border-box;
}


#link_02>ul {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
}

#link_02>ul>li {
  width: 268px;
  margin: 0 48px 0 0;
  padding: 0;
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
}


#link_02>ul>li:nth-child(3) {
  margin: 0;
}

#link_03 {
  margin-top: -80px;
  padding-top: 80px;
}


#link_03>h2 {
  margin: 0 0 50px;
  padding: 0;
  font-size: 2.8em;
  line-height: 1.4em;
  text-align: center;
}

#link_03>h2>span {
  min-height: 75px;
  padding: 20px 0 0 40px;
  background: url(/img/under/futon/icon_f92.png) no-repeat left center;
  background-size: 80px;
  display: inline-block;
  box-sizing: border-box;
}

#link_03>div.block {
  margin: 0 0 50px;
}

#link_03>div.block>h3 {
  min-height: 44px;
  margin: 0 0 20px;
  padding: 10px 0 0 60px;
  background: url(/img/under/futon/icon_f92_h3.png) no-repeat left center;
  background-size: 50px;
  box-sizing: border-box;
}

#link_03>div.block>h3>span {
  font-size: 1.9em;
  line-height: 1.4em;
}

#link_03>div.block>div {
  padding: 20px;
  background-color: #e2e0df;
}

#link_03>div.block>div>div.title {
  width: 100px;
  margin: 0;
  float: left;
}

#link_03>div.block>div>div.contents {
  width: 740px;
  margin: 0;
  padding: 20px 20px 20px 65px;
  background-color: #fff;
  float: right;
  box-sizing: border-box;
  position: relative;
}


#link_03>div.block>div>div.contents>div.type {
  width: 25px;
  position: absolute;
  left: 20px;
  top: 20px;
}


#link_03>div.block>div>div.contents>div.block_line.clearfix {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

#link_03>div.block>div>div.contents>div.block_line.clearfix>div.pic {
  width: 250px;
  margin: 0;
  float: left;
}

#link_03>div.block>div>div.contents>div.block_line.clearfix>div.pic>img {
  width: 100%;
  margin-bottom: 10px;
}

#link_03>div.block>div>div.contents>div.block_line.clearfix>div.text {
  width: 385px;
  margin: 0;
  float: right;
}


#link_03>div.block>div>div.contents>div.block_normal {
  margin-bottom: 30px;
  position: relative;
}


#link_03>div.block>div>div.contents>div.block_normal>div.pic {
  width: 250px;
  margin: 0;
  float: left;
}

#link_03>div.block>div>div.contents>div.block_normal>div.text {
  width: 385px;
  margin: 0;
  float: right;
}

#link_03>div.block>div>div.contents>div.block_normal>div.text>p {
  width: 385px;
  margin: 0;
  line-height: 1.8em;
  position: absolute;
  right: 0;
  bottom: 0;
  margin-top: 0;
}


#link_03>div.block>div>div.contents>div.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

#link_04 {
  margin-top: -80px;
  padding-top: 80px;
}

#link_04>h2 {
  margin: 0 0 50px;
  padding: 0;
  font-size: 2.8em;
  line-height: 1.4em;
  text-align: center;
}

#link_04>h2>span {
  min-height: 75px;
  padding: 20px 0 0 40px;
  background: url(/img/under/futon/icon_f92.png) no-repeat left center;
  background-size: 80px;
  display: inline-block;
  box-sizing: border-box;
}

#link_04>div:nth-child(2) {
  margin-bottom: 60px;
}

#link_04>div.block>h3 {
  min-height: 44px;
  margin: 0 0 20px;
  padding: 10px 0 0 60px;
  background: url(/img/under/futon/icon_f92_h3.png) no-repeat left center;
  background-size: 50px;
  box-sizing: border-box;
}

#link_04>div.block>h3>span {
  font-size: 1.9em;
  line-height: 1.4em;
}

#link_04>div.block>h3>span>span {
  font-size: 1.9em;
  line-height: 1.4em;
}

#link_04>div.block>h3>span>span>img {
  width: 80px;
  vertical-align: middle;
}

#link_04>div.block>div>img {
  width: 100%;
  margin-top: 20px;
}

#link_04>div:nth-child(3)>p {
  margin-bottom: 50px;
  line-height: 1.4em;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
}

#link_04>div:nth-child(3)>div {
  width: 800px;
  margin: 0 auto;
}


#link_04>div:nth-child(3)>div>div.left {
  width: 350px;
  margin: 0;
  float: left;
}


#link_04>div:nth-child(3)>div>div.right {
  width: 350px;
  margin: 0;
  float: right;
}

#link_04>div:nth-child(3)>div>div.left>img,
#link_04>div:nth-child(3)>div>div.right>img {
  width: 100%;
  margin-bottom: 30px;
}


#link_04>div:nth-child(3)>div>div.left>p,
#link_04>div:nth-child(3)>div>div.right>p {
  width: 100%;
  margin-bottom: 0;
}

#carry {
  margin-top: -80px;
  padding-top: 80px;
}


#carry>h2 {
  margin: 0 0 50px;
  padding: 0;
  font-size: 2.8em;
  line-height: 1.4em;
  text-align: center;
}

#carry>h2>span {
  min-height: 75px;
  padding: 20px 0 0 40px;
  background: url(/img/under/futon/icon_f92.png) no-repeat left center;
  background-size: 80px;
  display: inline-block;
  box-sizing: border-box;
}

#carry>div {
  width: 600px;
  margin: 0 auto;
}


#carry>div>img {
  width: 100%;
  margin-bottom: 40px;
}


#carry>p {
  width: 38em;
  margin: 0 auto 1em;
  line-height: 1.8em;
  font-weight: bold;
  margin-top: 0;
  font-size: inherit;
}


#air {
  margin-top: -80px;
  padding-top: 80px;
}

#air>h2 {
  margin: 0 0 50px;
  padding: 0;
  font-size: 2.8em;
  line-height: 1.4em;
  text-align: center;
}


#air>h2>span {
  min-height: 75px;
  padding: 20px 0 0 40px;
  background: url(/img/under/futon/icon_f92.png) no-repeat left center;
  background-size: 80px;
  display: inline-block;
  box-sizing: border-box;
}


#air>div {
  width: 600px;
  margin: 0 auto;
}

#air>div>img {
  width: 100%;
  margin-bottom: 40px;
}

#air>p:nth-child(3),
#air>p:nth-child(4) {
  width: 38em;
  margin: 0 auto 1em;
  line-height: 1.8em;
  font-weight: bold;
  margin-top: 0;
  font-size: inherit;
}

#air>ul {
  margin: 50px 0 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
}

#air>ul>li {
  width: 420px;
  margin: 0 60px 40px 0;
  padding: 0;
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
}

#air>ul>li:nth-of-type(even) {
  margin-right: 0;
}

#air>ul>li>h3 {
  margin: 0 0 20px;
  padding: 0;
  font-size: 1.8em;
  line-height: 1.4em;
}

#air>ul>li>ul {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  line-height: 1.4em;
}

#air>ul>li>ul>li {
  width: 420px;
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 0 0 0 0.7em;
  text-indent: -0.7em;
}


#care {
  margin-top: -80px;
  padding-top: 80px;
}


#care>h2 {
  margin: 0 0 50px;
  padding: 0;
  font-size: 2.8em;
  line-height: 1.4em;
  text-align: center;
}


#care>h2>span {
  min-height: 75px;
  padding: 20px 0 0 40px;
  background: url(/img/under/futon/icon_f92.png) no-repeat left center;
  background-size: 80px;
  display: inline-block;
  box-sizing: border-box;
}


#care>ul {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
  text-align: center;
}

#care>ul>li {
  width: 275px;
  margin: 0;
  padding: 0;
  font-size: 1.4em;
  line-height: 1em;
  font-weight: bold;
  letter-spacing: normal;
  display: inline-block;
}


#care>ul>li:nth-of-type(even) {
  width: 37.5px;
  height: 206px;
}


#care>ul>li>img {
  width: 100%;
  margin-top: 10px;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08 {
  margin-bottom: 80px;
  padding-bottom: 80px;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>h2 {
  margin: 0 0 50px;
  padding: 0;
  font-size: 2.8em;
  line-height: 1.4em;
  text-align: center;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>h2>span {
  min-height: 75px;
  padding: 20px 0 0 40px;
  background: url(/img/under/futon/icon_f92.png) no-repeat left center;
  background-size: 80px;
  display: inline-block;
  box-sizing: border-box;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>h2>span>img {
  width: 210px;
  vertical-align: middle;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_01 {
  margin-bottom: 100px;
  padding-bottom: 200px;
  text-align: center;
  position: relative;
  background: url(/img/under/futon/line_f92.png) no-repeat left bottom;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_01>p.insta {
  margin-bottom: 20px;
  line-height: 1em;
  font-weight: bold;
  margin-top: 0;
  font-size: inherit;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_01>p.bland {
  margin-bottom: 30px;
  line-height: 2em;
  font-weight: bold;
  margin-top: 0;
  font-size: inherit;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_01>p.bland>span>img {
  width: 120px;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_01>p.tag {
  margin-bottom: 0;
  line-height: 1.8em;
  font-weight: bold;
  margin-top: 0;
  font-size: inherit;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_01>div {
  width: 100px;
  position: absolute;
  right: 80px;
  bottom: 140px;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_02 {
  margin-bottom: 100px;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>h3 {
  margin: 0 0 20px;
  padding: 0;
  font-size: 1.9em;
  line-height: 1.4em;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>h3>img {
  width: 90%;
  margin-bottom: 40px;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>div {
  min-height: 140px;
  position: relative;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>div>img {
  width: 350px;
  position: absolute;
  left: 0;
  top: 0;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>div>p {
  width: 500px;
  margin: 0 0 0 400px;
  line-height: 1.8em;
  font-weight: bold;
  margin-top: 0;
  font-size: inherit;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>ul {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>ul>li {
  width: 270px;
  margin: 0 45px 0 0;
  padding: 0;
  font-size: 1.4em;
  line-height: 1.6em;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>ul>li:nth-child(3) {
  margin-right: 0;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>ul>li>img {
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
}



#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(12)>h2 {
  margin: 0 0 50px;
  padding: 0;
  font-size: 2.8em;
  line-height: 1.4em;
  text-align: center;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(12)>h2>span {
  min-height: 75px;
  padding: 20px 0 0 40px;
  background: url(/img/under/futon/icon_f92.png) no-repeat left center;
  background-size: 80px;
  display: inline-block;
  box-sizing: border-box;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(12)>ul {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(12)>ul>li {
  width: 268px;
  margin: 0 48px 0 0;
  padding: 0;
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(12)>ul>li:nth-child(3) {
  margin-right: 0;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(12)>ul>li>p.products_name {
  margin: 0 0 10px;
  line-height: 1.4em;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
  font-size: inherit;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(12)>ul>li>p.btn-buy {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  margin-top: 0;
  font-size: inherit;
  line-height: 1.8em;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(12)>ul>li>p.btn-buy>a {
  width: 100%;
  padding: 5px;
  color: #fff;
  background-color: #000;
  display: block;
  box-sizing: border-box;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(12)>ul>li>a>img {
  width: 100%;
  margin: 0 0 20px;
}



#rakutenpage {
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
}

/***************************************
:::::::::::::::::::::::::::::::::::::::

          施設導入インタビュー

::::::::::::::::::::::::::::::::::::::::
****************************************/

#sysMain>div.sysFuncText.corporation {
  overflow: hidden;
}


#sysMain>div.sysFuncText.corporation>div>h1 {
  width: 200px;
  margin: 2rem auto;
  margin-top: 15rem;
}

#sysMain>div.sysFuncText.corporation>div>h1>img {
  width: 100%;
}


#sysMain>div.sysFuncText.corporation>div>div.listwrap {
  max-width: 90rem;
  margin: 10rem auto;
}

#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.ribbon {
  width: 350px;
  margin: 5rem auto;
}


#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.ribbon>img {
  width: 100%;
}

.accordion-001 {
  max-width: 500px;
  background-color: #ffffff;
}

#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details.accordion-001:not([open]) {
  margin-bottom: 7px;
}

#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details.accordion-001>summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em;
  border-radius: 5px;
  background-color: #e0e3e5;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details.accordion-001>summary::-webkit-details-marker {
  display: none;
}

.accordion-001 summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: '';
  transition: transform .3s;
}

#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details.accordion-001[open] summary::after {
  transform: rotate(225deg);
}

#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details.accordion-001 div {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 1em 2em 2em 2em;
  color: #333333;
  transition: transform .5s, opacity .5s;
}

#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details.accordion-001[open] div {
  transform: none;
  opacity: 1;
}


#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details>div.itemContainer {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details>div.itemContainer>div.itemwrap {
  width: 45%;
}

#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details>div.itemContainer>div.itemwrap:nth-child(odd) {
  margin-right: 5rem;
}

#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details>div.itemContainer>div.itemwrap>div.name {
  padding: 0;
  font-weight: 600;
}

#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details>div.itemContainer>div.itemwrap>div.name>img {
  vertical-align: middle;
}


#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details>div.itemContainer>div.itemwrap>p.address,
#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details>div.itemContainer>div.itemwrap>p.tel,
#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details>div.itemContainer>div.itemwrap>div.web,
#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details>div.itemContainer>div.itemwrap>div.tag {
  padding: 0;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap {
  max-width: 90rem;
  margin: 10rem auto;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.ribbon {
  width: 50rem;
  margin: 8rem auto;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.ribbon>img {
  width: 100%;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap {
  margin-bottom: 15rem;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.interviewlogo {
  width: 30rem;
  margin: 5rem auto;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div>div.comImage {
  position: relative;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div>div.comImage::after {
  position: absolute;
  top: -6rem;
  left: -3rem;
  content: "";
  background: url(/img/under/hoteres/interviewee.png) no-repeat center center;
  background-size: contain;
  width: 15rem;
  height: 10rem;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer {
  margin: 8rem 0;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(1) {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(1)>div:nth-child(1) {
  width: 45%;
  margin-right: 5rem;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(1)>div:nth-child(2) {
  width: 45%;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(1)>div:nth-child(1)>img {
  border-radius: 20px;
}



#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(1)>div:nth-child(2)>p {
  font-weight: 500;
  letter-spacing: 1px;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(1)>div:nth-child(2)>p.bold {
  font-weight: 600;
  font-size: 1.8rem;
  letter-spacing: 2px;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(1)>div:nth-child(2)>div>a {
  text-decoration: underline;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(3) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5rem 0;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(3)>img {
  width: 45%;
  border-radius: 20px;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div.conceptContainer {
  border: 1px solid #1a1a1a;
  border-radius: 20px;
  margin: 5rem auto;
  position: relative;
  padding: 5rem;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div.conceptContainer>div {
  max-width: 20rem;
  margin: 0 auto;
  position: absolute;
  top: -2rem;
  left: 0;
  right: 0;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div.conceptContainer>p {
  font-weight: 500;
  letter-spacing: 1.5px;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.interviewContainer {
  margin-bottom: 10rem;
  font-weight: 500;
  letter-spacing: 1px;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.interviewContainer>p:nth-child(odd) {
  position: relative;
  padding-left: 5rem;
  margin-top: 10rem;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.interviewContainer>p:nth-child(odd)::before {
  position: absolute;
  top: -0.5rem;
  left: 1rem;
  content: "";
  background: url(/img/under/faq/icon_faq_q_02.png) no-repeat center center;
  background-size: contain;
  width: 3rem;
  height: 3rem;

}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.interviewContainer>p:nth-child(even) {
  position: relative;
  padding-left: 5rem;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.interviewContainer>p:nth-child(even)::after {
  position: absolute;
  top: -0.5rem;
  left: 1rem;
  content: "";
  background: url(/img/under/faq/icon_faq_a.png) no-repeat center center;
  background-size: contain;
  width: 3rem;
  height: 3rem;
}


#sysMain>div.sysFuncText.corporation>div>div.jalContainer {
  background: linear-gradient(#8fbacc, transparent);
  padding: 15rem 0;
  border-top-right-radius: 2000px 300px;
  border-top-left-radius: 2000px 300px;
  margin-left: -150px;
  margin-right: -150px;
  padding-left: 150px;
  padding-right: 150px
}

#sysMain>div.sysFuncText.corporation>div>div.jalContainer>div:nth-child(1) {
  position: relative;
}

#sysMain>div.sysFuncText.corporation>div>div.jalContainer>div:nth-child(1)>div:nth-child(1) {
  position: absolute;
  top: 0;
  right: 20rem;
}


#sysMain>div.sysFuncText.corporation>div>div.jalContainer>div:nth-child(1)>div:nth-child(2) {
  position: absolute;
  top: 5rem;
  left: 15rem;
}


#sysMain>div.sysFuncText.corporation>div>div.jalContainer>p {
  text-align: center;
  font-weight: 600;
  letter-spacing: 2px;
  font-size: 1.8rem;
}

#sysMain>div.sysFuncText.corporation>div>div.jalContainer>p>img {
  width: 10rem;
  margin-left: 1rem;
  vertical-align: middle;
}

#sysMain>div.sysFuncText.corporation>div>div.jalContainer>div.jalimage {
  text-align: center;
  margin: 5rem;
}


#sysMain>div.sysFuncText.corporation>div>div.jalContainer>div.jalimage>a>img {
  border-radius: 20px;
}

#sysMain>div.sysFuncText.corporation>div>div.jalContainer>div:nth-child(4) {
  position: absolute;
  right: 15rem;
}

#sysMain>div.sysFuncText.corporation>div>div:nth-child(5)>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}

#sysMain>div.sysFuncText.corporation>div>div:nth-child(5)>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.corporation>div>div:nth-child(5)>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.corporation>div>div:nth-child(5)>div.linkBttn>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);

}

#sysMain>div.sysFuncText.corporation>div>div:nth-child(6) {
  text-align: center;
}

#sysMain>div.sysFuncText.corporation>div>div.messagewrap {
  max-width: 90rem;
  margin: 7rem auto;
  text-align: center;
}

#sysMain>div.sysFuncText.corporation>div>div.messagewrap>p.bold {
  font-weight: 600;
  margin: 5rem 0;
  font-size: 1.8rem;
  letter-spacing: 2px;
}

#sysMain>div.sysFuncText.corporation>div>div.messagewrap>p:nth-child(2) {
  line-height: 5rem;
  font-weight: 500;
  letter-spacing: 1.5px;
}


#sysMain>div.sysFuncText.corporation>div>div.flow {
  max-width: 90rem;
  margin: 10rem auto;
  text-align: center;
}



#sysMain>div.sysFuncText.corporation>div>div.flow>div:nth-child(1) {
  width: 50rem;
  margin: 0 auto;
  margin-bottom: 5rem;
}

#sysMain>div.sysFuncText.corporation>div>div.flow>div:nth-child(1)>img {
  width: 100%;
}


#sysMain>div.sysFuncText.corporation>div>div.flow>div:nth-child(2) {
  width: 65rem;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.corporation>div>div.flow>div:nth-child(2)>img {
  width: 100%;
}


#sysMain>div.sysFuncText.corporation>div>div.houjinContact {
  max-width: 90rem;
  margin: 15rem auto;
  text-align: center;
}


#sysMain>div.sysFuncText.corporation>div>div.houjinContact>p {
  margin: 5rem auto;
  font-weight: 600;
  font-size: 1.8rem;
  letter-spacing: 2px;
}

#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-weight: 600;
  letter-spacing: 1.5px;
  margin: 5rem 0;
}

#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactTitle>p:nth-child(1) {
  position: relative;
}

#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactTitle>p:nth-child(1)::before {
  position: absolute;
  top: 0;
  left: -4rem;
  content: "";
  background: url(/img/under/hoteres/mail.png)no-repeat center center;
  width: 3rem;
  height: 3rem;
  background-size: contain;
}


#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactTitle>p:nth-child(2) {
  position: relative;
}

#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactTitle>p:nth-child(2)::before {
  position: absolute;
  top: 0;
  left: -4rem;
  content: "";
  background: url(/img/under/hoteres/tel.png)no-repeat center center;
  width: 3rem;
  height: 3rem;
  background-size: contain;
}

#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactList {
  border-top: 1px solid #1a1a1a;
  padding-top: 1rem;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}


#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactList>div.contactBttn>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}

#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactList>div.contactBttn>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactList>div.contactBttn>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactList>div.contactBttn>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);

}


#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactList>div.contactNumber {
  font-weight: 600;
  letter-spacing: 1.5px;
  margin-right: 5rem;
}


#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactList>div.contactNumber>p.number {
  font-size: 2rem;
}






/***************************************
:::::::::::::::::::::::::::::::::::::::

          ii FRIENDS

::::::::::::::::::::::::::::::::::::::::
****************************************/

#sysMain>div.sysFuncText.ii-friends {
      margin-top: 0;
    padding-top: 20rem;
}

#sysMain>div.sysFuncText.ii-friends>div>h1 {
  position: relative;
}


#sysMain>div.sysFuncText.ii-friends>div>h1>div.titleImage {
  padding-right: 5rem;
  max-width: 120rem;
  width: 100%;
}


#sysMain>div.sysFuncText.ii-friends>div>section.about {
  margin: 8rem 0;
}

#sysMain>div.sysFuncText.ii-friends>div>section.about>div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

#sysMain>div.sysFuncText.ii-friends>div>section.about>div>div.texbox {
  max-width: 40%;
  margin-left: 10rem;
  text-align: center;
  margin-top: 5rem;
  margin-right: 3rem;
}

#sysMain>div.sysFuncText.ii-friends>div>section.about>div>div.texbox>div {
  width: 100%;
  max-width: 35rem;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.ii-friends>div>section.about>div>div.texbox>div>img {
  width: 100%;
}


#sysMain>div.sysFuncText.ii-friends>div>section.about>div>div.texbox>p {
  text-align: left;
  margin-top: 5rem;
  font-weight: 500;
  font-size: 2rem;
}

#sysMain>div.sysFuncText.ii-friends>div>section.purpose {
  margin: 8rem 0;
}

#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div {

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}


#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div>div:nth-child(1) {
  width: 100%;
  max-width: 50rem;
  margin-left: 10rem;
}


#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div>div:nth-child(1)>img {
  width: 100%;
}


#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div>div.texbox {
  width: 100%;
  max-width: 40%;
  margin-right: 10rem;
  text-align: center;
  margin-top: 5rem;
  margin-left: 3rem;
}

#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div>div.texbox>div {
  width: 100%;
  max-width: 35rem;
  margin: 0 auto;
}



#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div>div.texbox>div>img {
  width: 100%;
}


#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div>div.texbox>p {
  text-align: left;
  margin-top: 5rem;
  font-weight: 500;
  font-size: 2rem;
}


#sysMain>div.sysFuncText.ii-friends>div>section.reason {
  margin: 8rem auto;
  width: 70%;
}

#sysMain>div.sysFuncText.ii-friends>div>section.reason>div.ribbon {
  width: 100%;
  max-width: 35rem;
  margin: 0 auto;
}


#sysMain>div.sysFuncText.ii-friends>div>section.reason>p:nth-child(3) {
  width: 100%;
  margin: 5rem auto;
  font-weight: 500;
  font-size: 2rem;
}

#sysMain>div.sysFuncText.ii-friends>div>section.reason>div:nth-child(4) {
  float: left;
  margin-right: 3rem;
}


#sysMain>div.sysFuncText.ii-friends>div>section.reason>p:nth-child(5) {
  font-weight: 500;
  font-size: 2rem;
}


#sysMain>div.sysFuncText.ii-friends>div>section.howtojoin {
  margin: 15rem auto;
  max-width: 100rem;
  text-align: center;
}


#sysMain>div.sysFuncText.ii-friends>div>section.howtojoin>div.ribbon {

  width: 100%;
  max-width: 35rem;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.ii-friends>div>section.howtojoin>div.ribbon>img {
  width: 100%;
}

#sysMain>div.sysFuncText.ii-friends>div>section.howtojoin>div:nth-child(2),
#sysMain>div.sysFuncText.ii-friends>div>section.howtojoin>div:nth-child(4) {
  width: 100%;
  max-width: 12rem;
  margin: 3rem auto;
}

#sysMain>div.sysFuncText.ii-friends>div>section.howtojoin>p:nth-child(3),
#sysMain>div.sysFuncText.ii-friends>div>section.howtojoin>p:nth-child(5) {
  font-weight: 500;
  letter-spacing: 1.5px;
}


#sysMain>div.sysFuncText.ii-friends>div>section.present {
  margin: 8rem auto;
  max-width: 100rem;
  text-align: center;
}

#sysMain>div.sysFuncText.ii-friends>div>section.present>div.presentTtile {
  position: relative;
}

#sysMain>div.sysFuncText.ii-friends>div>section.present>div.presentTtile>div.absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

#sysMain>div.sysFuncText.ii-friends>div>section.present>div.presentTtile>div:nth-child(2) {
  padding-top: 10rem
}


#sysMain>div.sysFuncText.ii-friends>div>section.present>div.flexbox {
  margin-top: 8rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}


#sysMain>div.sysFuncText.ii-friends>div>section.present>div.flexbox>div.flexitem {
  width: 100%;
  max-width: 40rem;
  margin-bottom: 2rem;
}

#sysMain>div.sysFuncText.ii-friends>div>section.present>div.linkBttn {

  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}

#sysMain>div.sysFuncText.ii-friends>div>section.present>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.ii-friends>div>section.present>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.ii-friends>div>section.present>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);

}












/******************************************************************************************************************************************

　　　　　　　　　　　商品詳細ページ

*******************************************************************************************************************************************/

#productWrap {
  max-width: 100rem;
  margin: 0 auto;
  margin-top: 10rem;
}



#productWrap>div.sysCategoryPankuzu>a {
  position: relative;
  margin-left: 5rem;
}


#productWrap>div.sysBlock.flexwrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

#productWrap>div.sysBlock.flexwrap>div.sysBlock.oderarea {
  width: 45%;
}

#productWrap>div.sysBlock.flexwrap>div.sysBlock.oderarea>div.sysItemId.sysDisplayMobileNone {
  margin-right: 2rem;
}


#sysItemDetail .sysForm select {
  min-width: 25rem;
}


#sysSelections {
  text-align: right;
}



#sysSelections>div>select {
  border-radius: 10px;
}

#sysNumber>select {
  border-radius: 10px;
}


#sysSubmit>input.sysCartButton {
  border-radius: 10px;
}

#sysSelections>div:nth-child(4)>input[type=text],
#sysSelections>div:nth-child(6)>input[type=text] {
  border-radius: 10px;
}


#sysSelections>div.noshiname_div,
#sysSelections>div.message_div {
  text-align: left;
}

#sysSelections>div.oyakobook_div>div>p>a {
  color: #f2cd00;
  font-weight: 600;
}


#sysSelections>div.wrapping_div>div>p>a {
  color: #f2cd00;
  font-weight: 600;
}

#sysSelections>div.message_div>div {
  color: #f2cd00;
  font-weight: 600;
}


/***商品情報・共通***/

#sysExplanation {
  max-width: 100rem;
  margin: 10rem auto;
}



.accordion-003 {
  max-width: 90rem;
  margin: 0 auto;
  margin-bottom: 7px;
  border-bottom: 2px solid #f2cd00;
}

.accordion-003 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
  font-size: 2rem;
}

.accordion-003 summary::-webkit-details-marker {
  display: none;
}

.accordion-003 summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #333333b3;
  border-right: 3px solid #333333b3;
  content: '';
  transition: transform .3s;
}

.accordion-003[open] summary::after {
  transform: rotate(225deg);
}

.accordion-003 p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  color: #333333;
  transition: transform .5s, opacity .5s;
}

.accordion-003[open] p {
  transform: none;
  opacity: 1;
}



#sysExplanation>details:nth-child(2)>div>div.intro>h2,
#sysExplanation>details:nth-child(2)>div>div.contents>h2,
#sysExplanation>details:nth-child(2)>div>div.color>h2,
#sysExplanation>details:nth-child(2)>div>div.attention>h2,
#sysExplanation>details:nth-child(3)>div>div.intro>h2,
#sysExplanation>details:nth-child(3)>div>div.itemSize>h2,
#sysExplanation>details:nth-child(4)>div>div:nth-child(1)>h2,
#sysExplanation>details:nth-child(4)>div>div:nth-child(3)>h2,
#sysExplanation>details:nth-child(4)>div>div.intro>h2,
#sysExplanation>details:nth-child(4)>div>div.giftOption>h2,
#sysExplanation>details.accordion-003>div.BOX>div.giftOption_item>h2,
#sysExplanation>details:nth-child(4)>div>div.giftogehter>h2,
#sysExplanation>details:nth-child(5)>div>div.intro>h2,
#sysExplanation>details:nth-child(5)>div>div.media>h2 {
  border-bottom: 3px solid #e6edf3;
}


#sysExplanation>details:nth-child(2)>div>div.intro>h2>span,
#sysExplanation>details:nth-child(2)>div>div.contents>h2>span,
#sysExplanation>details:nth-child(2)>div>div.color>h2>span,
#sysExplanation>details:nth-child(2)>div>div.attention>h2>span,
#sysExplanation>details:nth-child(3)>div>div.intro>h2>span,
#sysExplanation>details:nth-child(3)>div>div.itemSize>h2>span,
#sysExplanation>details:nth-child(4)>div>div:nth-child(1)>h2>span,
#sysExplanation>details:nth-child(4)>div>div:nth-child(3)>h2>span,
#sysExplanation>details:nth-child(4)>div>div.intro>h2>span,
#sysExplanation>details:nth-child(4)>div>div.giftOption>h2>span,
#sysExplanation>details.accordion-003>div.BOX>div.giftOption_item>h2>span,
#sysExplanation>details:nth-child(4)>div>div.giftogehter>h2>span,
#sysExplanation>details:nth-child(5)>div>div.intro>h2>span,
#sysExplanation>details:nth-child(5)>div>div.media>h2>span {
  display: inline-block;
  position: relative;
  padding: 0 .4em .2em;
  color: #333333;
}


#sysExplanation>details:nth-child(2)>div>div.intro>h2>span::before,
#sysExplanation>details:nth-child(2)>div>div.contents>h2>span::before,
#sysExplanation>details:nth-child(2)>div>div.color>h2>span::before,
#sysExplanation>details:nth-child(2)>div>div.attention>h2>span::before,
#sysExplanation>details:nth-child(3)>div>div.intro>h2>span::before,
#sysExplanation>details:nth-child(3)>div>div.itemSize>h2>span::before,
#sysExplanation>details:nth-child(4)>div>div:nth-child(1)>h2>span::before,
#sysExplanation>details:nth-child(4)>div>div:nth-child(3)>h2>span::before,
#sysExplanation>details:nth-child(4)>div>div.intro>h2>span::before,
#sysExplanation>details:nth-child(4)>div>div.giftOption>h2>span::before,
#sysExplanation>details.accordion-003>div.BOX>div.giftOption_item>h2>span::before,
#sysExplanation>details:nth-child(4)>div>div.giftogehter>h2>span::before,
#sysExplanation>details:nth-child(5)>div>div.intro>h2>span::before,
#sysExplanation>details:nth-child(5)>div>div.media>h2>span::before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #f2cd00;
  content: '';
}


#sysExplanation>details:nth-child(2)>div>div.intro {
  margin: 5rem 0;
}

#sysExplanation>details:nth-child(2)>div>div.intro>div {
  max-width: 50rem;
  margin: 5rem auto;
}

#sysExplanation>details:nth-child(2)>div>div.intro>div>img {
  width: 100%;
}


#sysExplanation>details:nth-child(2)>div>div.intro>p {
  text-align: left;
  line-height: 3rem;
  font-weight: 500;
}


#sysExplanation>details:nth-child(2)>div>div.contents {
  margin: 10rem 0;
}




#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 5rem auto;
  flex-direction: column;
}

#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 3rem;
}

#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child>div:nth-child(1) {
  width: 100%;
}

#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child>div.desc {
  margin-top: 5rem;
  text-align: left;
  padding-left: 5rem;
  width: 100%;
}



#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child>div.desc>div {
  font-weight: 600;
}

#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child>div.desc>div>span>img {
  width: 8rem;
  margin-right: 2rem;
}


#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child>div.desc>p {
  margin-top: 3rem;
  font-weight: 500;
}

#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child>div.desc>p:nth-child(1) {
  font-weight: 600;
  margin-bottom: 3rem;
}

#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child>div.desc>p:nth-child(1)>span {
  border-bottom: 2px solid #f2cd00;
  padding-bottom: 0.5rem;
}



#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child>div.desc>a {
  display: block;
  width: 10rem;
  margin: 0 0 0 auto;
  font-weight: 600;
  color: #f2cd00;
  margin-top: 2rem;
}



#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child>p {
  font-weight: 500;
}





#sysExplanation>details:nth-child(2)>div>div.color {
  margin: 10rem 0;
}


#sysExplanation>details:nth-child(2)>div>div.color>p {
  text-align: left;
  line-height: 3rem;
  font-weight: 500;
  margin-top: 5rem;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.flex-two {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 5rem 0;
}


#sysExplanation>details:nth-child(2)>div>div.color>div>div.flex-two-child {
  width: 49%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 2rem;

}


#sysExplanation>details:nth-child(2)>div>div.color>div>div.flex-two-child:nth-child(odd) {
  margin-right: 1.5rem;
}


#sysExplanation>details:nth-child(2)>div>div.color>div>div.flex-two-child>div:nth-child(1) {
  width: 23rem;
}



#sysExplanation>details:nth-child(2)>div>div.color>div>div.flex-two-child>div:nth-child(1)>img {
  width: 100%;
  border-radius: 20px;
}


#sysExplanation>details:nth-child(2)>div>div.color>div>div.flex-two-child>div.flex-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}

#sysExplanation>details:nth-child(2)>div>div.color>div>div.flex-two-child>div.flex-column>div.borderYL {
  border-left: 8px solid #f2cd00;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #f2cd00;
  font-weight: 600;
}

#sysExplanation>details:nth-child(2)>div>div.color>div>div.flex-two-child>div.flex-column>div.borderWH {
  border-left: 8px solid #898989;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #898989;
  font-weight: 600;
}


#sysExplanation>details:nth-child(2)>div>div.color>div>div.flex-two-child>div.flex-column>div.borderPK {
  border-left: 8px solid #f4b5b0;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #f4b5b0;
  font-weight: 600;
}

#sysExplanation>details:nth-child(2)>div>div.color>div>div.flex-two-child>div.flex-column>div.borderBL {
  border-left: 8px solid #85c0ce;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #85c0ce;
  font-weight: 600;
}

#sysExplanation>details:nth-child(2)>div>div.color>div>div.flex-two-child>div.flex-column>div.borderGR {
  border-left: 8px solid #aabb74;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #aabb74;
  font-weight: 600;
}

#sysExplanation>details:nth-child(2)>div>div.color>div>div:nth-child(1)>div.flex-column>div.borderYL>p.ja,
#sysExplanation>details:nth-child(2)>div>div.color>div>div:nth-child(1)>div.flex-column>div.borderYL>p.en {
  color: #f2cd00;
}

#sysExplanation>details:nth-child(2)>div>div.color>div>div:nth-child(2)>div.flex-column>div.borderWH>p.ja,
#sysExplanation>details:nth-child(2)>div>div.color>div>div:nth-child(2)>div.flex-column>div.borderWH>p.en {
  color: #898989;
}

#sysExplanation>details:nth-child(2)>div>div.color>div>div:nth-child(3)>div.flex-column>div.borderPK>p.ja,
#sysExplanation>details:nth-child(2)>div>div.color>div>div:nth-child(3)>div.flex-column>div.borderPK>p.en {
  color: #f4b5b0;
}

#sysExplanation>details:nth-child(2)>div>div.color>div>div:nth-child(4)>div.flex-column>div.borderBL>p.ja,
#sysExplanation>details:nth-child(2)>div>div.color>div>div:nth-child(4)>div.flex-column>div.borderBL>p.en {
  color: #85c0ce;
}

#sysExplanation>details:nth-child(2)>div>div.color>div>div:nth-child(5)>div.flex-column>div.borderGR>p.ja,
#sysExplanation>details:nth-child(2)>div>div.color>div>div:nth-child(5)>div.flex-column>div.borderGR>p.en {

  color: #aabb74;
}


#sysExplanation>details:nth-child(2)>div>div.color>div>div.flex-two-child>div.flex-column>div>p {
  margin: 0;
}


#sysExplanation>details:nth-child(2)>div>div.color>div>div.flex-two-child>div.flex-column>div:nth-child(2) {
  padding-left: 3rem;
  padding-top: 1rem;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.flex-two>div.flex-two-child>div.flex-column>div:nth-child(2)>p {
  font-size: 1.3rem;
  font-weight: 500;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.mixcolor {
  font-weight: 500;
  text-align: left;
  border: 2px solid #f2cd00;
  padding: 1rem;
  border-radius: 10px;
  font-size: 1.5rem;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.mixcolor>a>p>span {
  font-weight: 600;
  border-bottom: 2px solid #f2cd00;
}


#sysExplanation>details:nth-child(2)>div>div.color>div.mixcolor>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}

#sysExplanation>details:nth-child(2)>div>div.color>div.mixcolor>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.mixcolor>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.mixcolor>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}

#sysExplanation>details:nth-child(2)>div>div.color>div.coloridea>p {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 3rem;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.coloridea>div.idea {
  margin-bottom: 3rem;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.coloridea>div.idea>p {
  margin-bottom: 2rem;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.coloridea>div.idea>p>span {
  border-bottom: 2px solid #f2cd00;
  padding-bottom: 1rem;
  font-weight: 500;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.coloridea>div.idea>div>img {
  width: 45%;
}


#sysExplanation>details:nth-child(2)>div>div.attention>p {
  text-align: left;
  margin: 5rem 0;
  font-weight: 500;
}


#sysExplanation>details:nth-child(2)>div>div.attention.bgWhite>div {
  background-color: #fff;
  border-radius: 20px;
  padding: 3rem;
  margin: 5rem 0;
}



.textCenter {
  text-align: center;
}


#sysExplanation>details:nth-child(2)>div>div.intro>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}

#sysExplanation>details:nth-child(2)>div>div.intro>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysExplanation>details:nth-child(2)>div>div.intro>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysExplanation>details:nth-child(2)>div>div.intro>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);

}





/***素材***/



#sysExplanation>details:nth-child(3)>div>div.intro>div {
  max-width: 50rem;
  margin: 5rem auto;
}

#sysExplanation>details:nth-child(3)>div>div.intro>div>img {
  width: 100%;
}

#sysExplanation>details:nth-child(3)>div>div.intro>p {
  text-align: left;
  font-weight: 500;
}

#sysExplanation>details:nth-child(3)>div>div.intro>p:nth-child(4) {
  margin-top: 3rem;
  font-weight: 500;
}

#sysExplanation>details:nth-child(3)>div>div.itemSize {
  margin-top: 5rem;
}



#sysExplanation>details:nth-child(3)>div>div.itemSize>p {
  text-align: left;
  margin-top: 5rem;
  font-weight: 500;
}

#sysExplanation>details:nth-child(3)>div>div.itemSize>table {
  max-width: 60rem;
  margin: 5rem auto;
}

#sysExplanation>details:nth-child(3)>div>div.itemSize>table>tbody>tr>th {
  text-align: left;
  padding-left: 5rem;
  width: 30rem;
}


#sysExplanation>details:nth-child(3)>div>div.intro>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}

#sysExplanation>details:nth-child(3)>div>div.intro>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysExplanation>details:nth-child(3)>div>div.intro>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysExplanation>details:nth-child(3)>div>div.intro>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);

}



/***ラッピング***/




#sysExplanation>details:nth-child(4)>div>div:nth-child(1)>div {
  margin: 5rem auto;
  max-width: 50rem;
}

#sysExplanation>details:nth-child(4)>div>div:nth-child(1)>div>img {
  border-radius: 20px;
  width: 100%;
}

#sysExplanation>details:nth-child(4)>div>div:nth-child(1)>p {
  text-align: left;
  font-weight: 500;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption {
  margin-top: 5rem;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption>ul {
  margin-top: 5rem;
  text-align: left;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption>ul>li {
  font-weight: 600;
}


#sysExplanation>details:nth-child(4)>div>div.giftOption>div.flex-two {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  margin: 5rem 0;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption>div.flex-two>div {
  width: 45%;
  margin-bottom: 3rem;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption>div.flex-two>div>div>img {
  border-radius: 20px;
}




#sysExplanation>details:nth-child(4)>div>div.intro>p {
  margin-top: 5rem;
  text-align: left;
  font-weight: 500;
}


#sysExplanation>details:nth-child(4)>div>div:nth-child(4) {
  margin-top: 5rem;
}


#sysExplanation>details:nth-child(4)>div>div.intro>div {
  margin: 5rem auto;
  max-width: 50rem;
}

#sysExplanation>details:nth-child(4)>div>div.intro>div>img {
  width: 100%;
}


#sysExplanation>details:nth-child(4)>div>div.intro>p {
  text-align: left;
  margin-bottom: 5rem;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
  display: block;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
  width: unset;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption>div.linkBttn:hover.chon {
  transform: translate(20%, 30%);

}


#sysExplanation>details:nth-child(4)>div>div:nth-child(1)>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}

#sysExplanation>details:nth-child(4)>div>div:nth-child(1)>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysExplanation>details:nth-child(4)>div>div:nth-child(1)>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysExplanation>details:nth-child(4)>div>div:nth-child(1)>div.linkBttn:hover.chon {
  transform: translate(20%, 30%);

}


#sysExplanation>details:nth-child(4)>div>div:nth-child(3) {
  margin-top: 5rem;
}


#sysExplanation>details:nth-child(4)>div>div:nth-child(4)>p {
  font-weight: 500;
}


#sysExplanation>details:nth-child(4)>div>div.giftOption>div.aboutwrap {
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 5rem;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption>div.aboutwrap>p:nth-child(2)>a {
  font-weight: 600;
  border-bottom: 2px solid #f2cd00;
}


/*ii message紹介*/

#sysExplanation>details:nth-child(5)>div>div.intro>div.image {
  margin: 5rem auto;
  max-width: 50rem;
}

#sysExplanation > details:nth-child(5) > div > div.intro > div

#sysExplanation>details:nth-child(5)>div>div.intro>div>img {
  width: 100%;
}


#sysExplanation>details:nth-child(5)>div>div.intro>p {
  text-align: left;
  margin-bottom: 5rem;
}

#sysExplanation > details:nth-child(5) > div > div.grid{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
    justify-items: center;
    align-items: center;
}

#sysExplanation > details:nth-child(5) > div > div.grid > div.grid__img{
 grid-area: 1 / 1 / 3 / 2;
}

#sysExplanation > details:nth-child(5) > div > div.grid > div.grid__color{
grid-area: 1 / 2 / 2 / 3;
}

#sysExplanation > details:nth-child(5) > div > div.grid > p{
grid-area: 2 / 2 / 3 / 3;
width: 80%;
    text-align: left;
    align-self: start;
}


#sysExplanation > details:nth-child(5) > div > div.flex-two{
 display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  margin: 5rem 0;
}

#sysExplanation > details:nth-child(5) > div > div.flex-two > div{
  width: 45%;
  margin-bottom: 3rem;
}


/**レビュー一覧ボタン**/
div.sysReview>form>input[type=submit]:nth-child(1) {
  background: #f2cd00;
  border: none;
  border-radius: 10px;
  font-size: 1.4rem;
  font-weight: 500;
}



/**画像のスライダー化***/

#photoNum {
  display: none;
}


/**法人セットonly**/
#sysExplanation>details:nth-child(5)>div>div.intro>div,
#sysExplanation>details:nth-child(5)>div>div.media>div {
  margin: 5rem 0;
}

#sysExplanation>details:nth-child(5)>div>div.intro>div>img,
#sysExplanation>details:nth-child(5)>div>div.media>div>img {
  text-align: center;
}



/*******単品only******/

#sysExplanation>details.accordion-003>div.BOX>div.giftOption_item {
  margin-top: 5rem;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption_item>p:nth-child(2) {
  margin: 5rem;
  font-weight: 600;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption_item>div.flex-two {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption_item>div.flex-two>div.flex-column {
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption_item>div.flex-two>div.flex-column>p {
  margin-top: 2rem;
  font-weight: 500;
}


#sysExplanation>details:nth-child(4)>div>div.giftOption_item>p:nth-child(4) {
  font-weight: 500;
  margin: 2rem;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption_item>div.howtoorder {
  margin-top: 5rem;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption_item>div.howtoorder>p.title {
  font-weight: 600;
  font-size: 1.8rem;
  width: 20rem;
  margin: 2rem auto;
  border-bottom: 3px solid #f2cd00;
  padding-bottom: 1rem;
  text-align: center;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption_item>div.howtoorder>p {
  text-align: left;
  font-weight: 500;
}


#sysExplanation>details:nth-child(4)>div>div.giftOption_item>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}

#sysExplanation>details:nth-child(4)>div>div.giftOption_item>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption_item>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption_item>div.linkBttn:hover.chon {
  transform: translate(20%, 30%);

}


#sysExplanation>details:nth-child(4)>div>div.giftogehter>div.flex-three {
  margin-top: 5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;
}


#sysExplanation>details:nth-child(4)>div>div.giftogehter>div>div.flexitem {
  width: 30%;
}


#sysExplanation>details:nth-child(4)>div>div.giftogehter>div>div.flexitem>a>p {
  font-weight: 500;
  margin-top: 2rem;
}












/*********************************

　　　　カテゴリーページ

*********************************/

#sysItemCategory>#sysAll>#sysMain,
#sysItemCategory>#sysAll>#sysWrap>#sysMain {
      margin-top: 0;
    padding-top: 12rem;
  margin-bottom: 15rem;
  max-width: 90rem;
}




#sysItemCategory>#sysAll>#sysMain>div.sysItemListDisp>div.sysItemListViewType,
#sysItemCategory>#sysAll>#sysWrap>#sysMain>div.sysItemListDisp>div.sysItemListViewType {
  display: none;
}

#sysItemCategory>#sysAll>#sysMain>div.sysItemList>ul>li>div.sysWishListButtonFormAjax,
#sysItemCategory>#sysAll>#sysWrap>#sysMain>div.sysItemList>ul>li>div.sysWishListButtonFormAjax {
  text-align: center;
}

#sysItemCategory>#sysAll>#sysMain>div.sysFuncText.category_bttn>div>div.line,
#sysItemCategory>#sysAll>#sysWrap>#sysMain>div.sysFuncText.category_bttn>div>div.line {
  margin: 5rem auto;
  max-width: 60rem;
}

#sysItemCategory>#sysAll>#sysMain>div.sysFuncText.category_bttn>div>div.line>img,
#sysItemCategory>#sysAll>#sysWrap>#sysMain>div.sysFuncText.category_bttn>div>div.line>img {
  width: 100%;
}


#sysItemCategory>#sysAll>#sysMain>div.sysFuncText.category_bttn>div>div.categoryFlex,
#sysItemCategory>#sysAll>#sysWrap>#sysMain>div.sysFuncText.category_bttn>div>div.categoryFlex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}


#sysItemCategory>#sysAll>#sysMain>div.sysFuncText.category_bttn>div>div.categoryFlex>div:nth-child(1),
#sysItemCategory>#sysAll>#sysMain>div.sysFuncText.category_bttn>div>div.categoryFlex>div:nth-child(2),
#sysItemCategory>#sysAll>#sysWrap>#sysMain>div.sysFuncText.category_bttn>div>div.categoryFlex>div:nth-child(1),
#sysItemCategory>#sysAll>#sysWrap>#sysMain>div.sysFuncText.category_bttn>div>div.categoryFlex>div:nth-child(2) {
  margin-right: 2rem;
}



#sysItemCategory>#sysAll>#sysMain>div.sysFuncText.category_bttn>div>h1,
#sysItemCategory>#sysAll>#sysWrap>#sysMain>div.sysFuncText.category_bttn>div>h1 {
  text-align: center;
  margin-bottom: 2rem
}


#sysItemCategory>#sysAll>#sysWrap>#sysMain>div.sysItemCategoryInfo>div>h1 {
  text-align: center;
  font-size: 2.5rem;
  letter-spacing: 2px;
  margin: 2rem 0;
}

#sysItemCategory>#sysAll>#sysWrap>#sysMain>div.sysItemCategoryInfo>div>p {
  text-align: center;
  font-size: 1.8rem;
  letter-spacing: 2px;
  margin: 2rem 0;
  font-weight: 500;
}


#sysItemCategory>#sysAll>#sysWrap>#sysMain>div.sysItemCategoryInfo>div>div {
  width: 100%;
}


#sysItemCategory .sysItemSelection {
    display: none;
}

#sysItemCategory>#sysAll>#sysMain>div.sysItemList>ul>li>form>input.sysCartButton.sysSelectCartButton.sysItemSelection {
  display: none;
}




/**************************************
***************************************

           お知らせ詳細ページ

***************************************
***************************************/

#sysInformation>#sysAll>#sysMain>article{
margin-top: 120px;
}

#sysInformation>#sysAll>#sysMain>article>h1 {
display:none;
}



#newinfo>h2 {
  max-width: 70rem;
  margin: 5rem auto;
  background: #e6e0a3;
  padding: 4rem 3rem;
  font-size: 2.2rem;
  letter-spacing: 1.5px;
}

#newinfo>div.infoimage {
  max-width: 70rem;
  margin: 3rem auto;
}

#newinfo>div.infoimage>img {
  width: 100%;
  border-radius: 10px;
}

#newinfo>div.infotext {
  max-width: 70rem;
  margin: 2rem auto;
}


#newinfo>div.infotext>p {
  font-weight: 500;
}

#newinfo>div.infotext>p.bold {
  font-weight: 600;
}

#sysInformation>#sysAll>#sysMain>article>div.sysNewsDetail>#shopping>div {
  margin-top: 15rem;
  margin-bottom: 15rem;
}


/**************************************
***************************************

         キャンペーン詳細ページ

***************************************
***************************************/

#newevent {
  max-width: 70rem;
  margin: 0 auto;
    padding-top: 12rem;
}


#newevent>h2 {
  max-width: 70rem;
  margin: 5rem auto;
  background: #e6e0a3;
  padding: 4rem 3rem;
  font-size: 2.2rem;
  letter-spacing: 1.5px;
}

#eventimage {
  max-width: 70rem;
  margin: 3rem auto;
}

#eventimage>img {
  width: 100%;
  border-radius: 10px;
}

#eventtext {
  max-width: 70rem;
  margin: 2rem auto;
}

#eventtext>p {
  font-weight: 500;
}


#eventtext>p.bold,
span.bold {
  font-weight: 600;
}

#event_1>#sysAll>#sysMain>div.event_1>div.sysContent>#shopping>div,
#event_1>#sysAll>#sysMain>div.event_2>div.sysContent>#shopping>div,
#event_1>#sysAll>#sysMain>div.event_3>div.sysContent>#shopping>div {
  margin-top: 15rem;
  margin-bottom: 15rem;
}


#nextevent {
  max-width: 70rem;
  margin: 0 auto;
  text-align: center;
}





/******************************
******************************

      メンテナンスモード

********************************
******************************/

#sysMain>div.sysFuncText.maintenance>div>div {
  max-width: 100rem;
  margin: 0 auto;
    padding-top: 12rem;
  text-align: center;
}

#sysMain>div.sysFuncText.maintenance>div>div>h1 {
  font-size: 2rem;
}

#sysMain>div.sysFuncText.maintenance>div>div>dl {
  color: #f2cd00;
  font-weight: 600;
}




/******************************
******************************

     レビュー一覧

********************************
******************************/

#sysItemReviewIndex>#sysAll>#sysWrap>#sysMain {
  text-align: center;
}

#sysItemReviewIndex>#sysAll>#sysWrap>#sysMain>h2 {
  margin-top: 10rem;
}


#sysItemReviewIndex>#sysAll>#sysWrap>#sysMain>form:nth-child(3)>input {
  width: 250px;
}

#sysItemReviewIndex>#sysAll>#sysWrap>#sysMain>form:nth-child(5)>input.sysButton {
  width: 250px;
}

div.sysReviewImproperForm {
  display: none;
}

#sysMain>ul.sysReviewHistoryList>li {
  margin: 1rem;
  text-align: left;
}

/******************************
******************************

     マイページレビュー関連

********************************
******************************/


#sysMain>div.sysOrderHistory>ul>div:nth-child(1)>li.sysOrder>div.sysItemReviewLink {
  background-color: #f2cd00;
  width: 150px;
  padding: 0.5rem;
  border-radius: 10px;
  text-align: center;
}

#sysItemReviewIndex>#sysAll>#sysWrap>#sysMain>form:nth-child(4)>div>div.sysFormItem.sysNickname>div>input[type=text] {
  width: 250px;
}

#sysItemReviewIndex>#sysAll>#sysWrap>#sysMain>form:nth-child(4)>div>div.sysFormItem.sysReviewText>div>textarea {
  width: 80%;
}

#sysItemReviewIndex>#sysAll>#sysWrap>#sysMain>form:nth-child(4)>input.sysButton {
  width: 250px;
}


#sysItemReviewIndex>#sysAll>#sysWrap>#sysMain>form:nth-child(7)>input.sysButton {
  width: 250px;
}


#sysItemReviewConfirm>#sysAll>#sysWrap>#sysMain>form:nth-child(5)>input.sysButton {
  width: 250px;
}

#sysItemReviewConfirm>#sysAll>#sysWrap>#sysMain>form:nth-child(6) {
  width: 250px;
  margin-bottom: 10rem;
}

#sysItemReviewConfirm>#sysAll>#sysWrap>#sysMain>form:nth-child(6)>input.sysButton {
  width: 250px;
}


#sysItemReviewThanks>#sysAll>#sysWrap>#sysMain>form>input.sysButton {
  width: 250px;
}

/******************************
******************************

     　　　カート

********************************
******************************/



#sysBasket>#sysAll>#sysMain>div.sysItemListArea>ul.nav>li>div.sysBox>div.sysSubTotalArea>form.sysCartInForm>#sysSelections>div>div.sysSelectionDescription {
  display: none;
}


#sysMemberRegisterIndex>#sysAll>#sysFooter>div.sysFuncText.staff_contact {
  display: none;
}

.sysOpcBody>#sysAll>#sysFooter>div.sysFuncText.staff_contact {
  display: none;
}

.sysSubTotalArea >.sysCartInForm > #sysSelections > div.wrapping_div > div > div,
#sysOpc > div.opcSingleDelivery > div.opcItemsArea > div.opcDeliveryAddressViewPackageGroup > div > div.opcItemDataBind.opcItemList > div > div.opcItem_deliveryAddressItemGroup_edit > div.opcItem_itemOptionGroup_edit > div:nth-child(2) > div > div{
display:none;
}



/******************************
******************************

   マイページお気に入り関連

********************************
******************************/

#sysMypageReview>#sysAll>#sysWrap>#sysMain>div.sysItemList>ul>li>div:nth-child(2)>form {
  display: none;
}


/******************************
******************************

   English ページ

********************************
******************************/


#ENGLISHcontents>div.common_inner {
  max-width: 90rem;
  margin: 0 auto;
    padding-top: 12rem;
}

#p_f82_01 {
  font-size: 2.0rem;
  text-align: center;
  font-weight: 600;
  letter-spacing: 1.2px;
  position: relative;
  padding: 1.5rem 1rem;
}

#p_f82_01:after {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #000;
}

#h2_f82_01 {
  max-width: 20rem;
  margin: 5rem auto;
  margin-bottom: 1rem;
}

#wrapper_f82>div.block_f82 {
  margin: 6rem 0;
}

#wrapper_f82>div.block_f82>h3 {
  margin-bottom: 2rem;
  font-size: 2rem;
}

#wrapper_f82>div.block_f82>p.p_f82_01 {
  line-height: 3rem;
  letter-spacing: .2px;
  margin-bottom: 2rem;
}

#wrapper_f82>div.block_f82>figure {
  max-width: 45rem;
  margin: 2rem auto;
}

#wrapper_f82>div.block_f82>ul.img_line3 {
  display: flex;
  justify-content: space-evenly;
}


#wrapper_f82>div.block_f82>ul.img_line3>li {
  width: 30%;
}

#wrapper_f82>div.block_f82>div.btn_line3 {
  margin: 2rem;
}

#wrapper_f82>div.block_f82>div.btn_line3>a {
  display: block;
  position: relative;
}


#wrapper_f82>div.block_f82>div.btn_line3>a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-right: 2rem;
}

#wrapper_f82>div.block_f82>div.block_f82_products {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

#img_f82_fukidashi {
  position: absolute;
  top: 0;
  right: 0rem;
  width: 8rem;
}

#list_f82_products {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

#list_f82_products>li {
  width: 40%;
}


#list_f82_products>li:nth-child(even) {
  margin-left: 10rem;
}


#wrapper_f82>div.block_f82>table.table_f82_notice>tbody>tr>th {
  width: 5rem;
}

#wrapper_f82>div.block_f82>p,
#list_f82_order>li {
  word-break: normal;
}

/**************************************
　　　　ギフト直送ページ
***************************************/

#sysMain>div.sysFuncText.directdelivery>div>div.chokusoMainBlock {
     margin: 0 8rem;
    padding-top: 20rem;
}


#sysMain>div.sysFuncText.directdelivery>div>div>h1.chokusoTitle {
  text-align: center;
  font-size: 2rem;
  letter-spacing: 1px;
}

.slider {
  position: relative;
  z-index: 1;
  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
}



/*　背景画像設定　*/

.slider-item01 {
  background: url(/img/under/giftdelivery/chokuso01.png);
}

.slider-item02 {
  background: url(/img/under/giftdelivery/chokuso02.png);
}

.slider-item03 {
  background: url(/img/under/giftdelivery/chokuso03.png);
}

.slider-item04 {
  background: url(/img/under/giftdelivery/chokuso04.png);
}

.slider-item05 {
  background: url(/img/under/giftdelivery/chokuso05.png);
}

.slider-item06 {
  background: url(/img/under/giftdelivery/chokuso06.png);
}


.slider-item {
  display: flex;
  width: 100%;
  list-style: none;
  z-index: 0 !important;

}

.slick-initialized .slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.chokusobox {
  width: 50%;
  padding: 5rem 15rem 5rem 3rem;
}

div.chokusobox>p.textTitle {
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 1.8rem;
}

div.chokusobox>p.textTitle>span {
  color: #f2cd00;
  font-size: 2.0rem;
}

.slider-image {
  width: 50%;
  height: 50vh;
  /*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  background-repeat: no-repeat;
  /*背景画像をリピートしない*/
  background-position: center;
  /*背景画像の位置を中央に*/
  background-size: contain;
  /*背景画像が.slider-item全体を覆い表示*/
}

/*矢印の設定*/

.slick-prev,
.slick-next {
  position: absolute;
  z-index: 3;
  top: 42%;
  cursor: pointer;
  /*マウスカーソルを指マークに*/
  outline: none;
  /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid #f2cd00;
  /*矢印の色*/
  border-right: 2px solid #f2cd00;
  /*矢印の色*/
  height: 25px;
  width: 25px;
}

.slick-prev.slick-arrow::before,
.slick-next.slick-arrow::before {
  color: transparent;
}


.slick-prev {
  /*戻る矢印の位置と形状*/
  left: 2.5%;
  transform: rotate(-135deg);
}

.slick-next {
  /*次へ矢印の位置と形状*/
  right: 2.5%;
  transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
  display: none !important;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots button {
  color: transparent;
  outline: none;
  width: 8px;
  /*ドットボタンのサイズ*/
  height: 10px;
  /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #fff;
  /*ドットボタンの色*/
  border: #f2cd00;
}

.slick-dots .slick-active button {
  background: #f2cd00;
  /*ドットボタンの現在地表示の色*/
}

div.slick-track {
  padding: 0 5rem;
}

div.Footerkugiri {
  position: relative;
}

div.Footerkugiri>img.iiwanbox {
  display: block;
  width: 100%;
  max-width: 7rem;
  position: absolute;
  margin: 0 5rem;
  top: -5.5rem;
  left: 3rem;
  z-index: 10;
}

div.Footerkugiri>img.deliverycar {
  display: block;
  width: 100%;
  max-width: 10rem;
  position: absolute;
  margin: 0 5rem;
  top: -2.5rem;
  right: 5rem;
}

img.chokusoline {
  display: inline-block;
  width: 100%;
}

.buruburu {
  display: inline-block;
  animation: hurueru .5s infinite;
}

@keyframes hurueru {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }

  25% {
    transform: translate(2px, 2px) rotateZ(1deg)
  }

  50% {
    transform: translate(0px, 2px) rotateZ(0deg)
  }

  75% {
    transform: translate(2px, 0px) rotateZ(-1deg)
  }

  100% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
}

.iiwanbox {
  transform-origin: center bottom;
  animation: yurayura 2s linear infinite;
}

@keyframes yurayura {

  0%,
  100% {
    transform: rotate(10deg);
  }

  50% {
    transform: rotate(-10deg);
  }
}


#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slick-slide {
  pointer-events: none;
}


#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slider-item.slick-slide.slick-current.slick-active {
  pointer-events: auto;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slider-item>div.chokusobox>p.honbun>a {
  border-bottom: 1.5px solid #f2cd00;
}

#sysMain>div.sysFuncText.footershopping>div.sysContent>#shopping>div.content-width {
  margin-top: 15rem;
  margin-bottom: 15rem;
}





/****************************

　　　クリスマス用商品ページ

*****************************/

#merryxmasitem {
  margin: 10rem 0;
}

#merryxmasitem>div.image {
  margin: 5rem;
}


#merryxmasitem>div.image>img {
  max-width: 60rem;
  width: 100%;
}


#merryxmasitem>div.giftsetWrap>div.giftsetTtitle {
  margin: 10rem 0 5rem;
}

#merryxmasitem>div.giftsetWrap>div.set-7>div>img {
  border-radius: 2rem;
}


#merryxmasitem>div.giftsetWrap>div.set-7>p {
  font-weight: 600;
  font-size: 1.8rem;
}

#merryxmasitem>div.giftsetWrap>div.set-other {
  margin-top: 5rem;
  border: solid 1px #c4cfce;
  border-radius: 10px;
}

#merryxmasitem>div.giftsetWrap>div.set-other>p {
  font-size: 2rem;
  font-weight: 600;
  margin-top: 5rem;
}


#merryxmasitem>div.giftsetWrap>div.set-other>div.flexwrap {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  margin: 5rem 0;
}

#merryxmasitem>div.giftsetWrap>div.set-other>div>div.set-flex {
  width: 45%;
}


#merryxmasitem>div.giftsetWrap>div.set-other>div>div.set-flex>a>div>img {
  border-radius: 2rem;
}


#merryxmasitem>div.giftsetWrap>div.set-other>div>div.set-flex>a>p {
  font-weight: 600;
}


#merryxmasitem>div.giftsetWrap>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}

#merryxmasitem>div.giftsetWrap>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#merryxmasitem>div.giftsetWrap>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#merryxmasitem>div.giftsetWrap>div.linkBttn:hover.chon {
  transform: translate(20%, 30%);

}


#merryxmasitem>div.giftsetWrap>div.presentWrap {
  margin: 10rem 0;
}


#merryxmasitem>div.giftsetWrap>div.presentWrap>div.itemWrap {
  margin: 5rem 0;
}


#merryxmasitem>div.giftsetWrap>div.presentWrap>div.itemWrap>div.number {
  width: 100%;
  max-width: 2rem;
  margin: 3rem auto;
}

#merryxmasitem>div.giftsetWrap>div.presentWrap>div.itemWrap>div.itemFlex>div>img {
  width: 100%;
  max-width: 50rem;
  border-radius: 2rem;
}

#merryxmasitem>div.giftsetWrap>div.presentWrap>div.itemWrap>div.itemFlex>p {
  max-width: 50rem;
  font-weight: 500;
}

#merryxmasitem>div.giftsetWrap>div.presentWrap>div.itemWrap>div.itemFlex>p>span {
  font-weight: 600;
  font-size: 1.8rem;
}


#merryxmasitem>div.giftsetWrap>div.presentWrap>div:nth-child(3)>div.number {
  max-width: 3rem;
}

#merryxmasitem>div.giftsetWrap>div.presentWrap>div:nth-child(4)>div.number {
  max-width: 5rem;
}







#sysExplanation>details.accordion-00 {
  max-width: 90rem;
  margin: 0 auto;
  margin-bottom: 7px;
  border-bottom: 2px solid #f2cd00;
}

#sysExplanation>details.accordion-00>summary {

  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
  font-size: 2rem;
}

.accordion-00 summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #333333b3;
  border-right: 3px solid #333333b3;
  content: '';
  transition: transform .3s;
}

.accordion-00[open] summary::after {
  transform: rotate(225deg);
}

#sysExplanation>details.accordion-00>div>div.intro {
  margin: 5rem 0;
}

#sysExplanation>details.accordion-00>div>div.intro>h2 {
  border-bottom: 3px solid #e6edf3;
}

#sysExplanation>details.accordion-00>div>div.intro>h2>span {

  display: inline-block;
  position: relative;
  padding: 0 0.4em 0.2em;
  color: #333333;
}

#sysExplanation>details.accordion-00>div>div.intro>h2>span::before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #f2cd00;
  content: '';
}

#sysExplanation>details.accordion-00>div>div.intro>div.image {
  max-width: 50rem;
  margin: 5rem auto;
}


#sysExplanation>details.accordion-00>div>div.intro>p {
  text-align: left;
  line-height: 3rem;
  font-weight: 500;
}



#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}

#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn:hover.chon {
  transform: translate(20%, 30%);

}


#sysExplanation>details.accordion-00>div>div.contents {
  margin: 10rem 0;
}

#sysExplanation>details.accordion-00>div>div.contents>h2 {
  border-bottom: 3px solid #e6edf3;
}

#sysExplanation>details.accordion-00>div>div.contents>h2>span {
  display: inline-block;
  position: relative;
  padding: 0 0.4em 0.2em;
  color: #333333;
}

#sysExplanation>details.accordion-00>div>div.contents>h2>span::before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #f2cd00;
  content: '';
}


#sysExplanation>details.accordion-00>div>div.contents>div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 5rem auto;
  flex-direction: column;
}

#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 3rem;
}

#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child>div:nth-child(1) {
  width: 100%;
  max-width: 45rem;
}

#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child>div.desc {
  margin-top: 5rem;
  text-align: left;
  padding-left: 5rem;
  width: 100%;

}

#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child>div.desc>p:nth-child(1) {
  font-weight: 600;
  margin-bottom: 3rem;
}

#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child>div.desc>p:nth-child(1)>span {
  border-bottom: 2px solid #f2cd00;
  padding-bottom: 0.5rem;
}

#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child>div.desc>div {
  font-weight: 600;
}

#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child>div.desc>div>span>img {
  width: 8rem;
  margin-right: 2rem;
}

#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child>div.desc>p:nth-child(3) {
  margin-top: 3rem;
  font-weight: 500;
}

#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child>div.desc>a {
  display: block;
  width: 10rem;
  margin: 0 0 0 auto;
  font-weight: 600;
  color: #f2cd00;
  margin-top: 2rem;
}




#sysExplanation>details.accordion-00>div>div.color {
  margin: 10rem 0;
}

#sysExplanation>details.accordion-00>div>div.color>h2,
#sysExplanation>details.accordion-00>div>div.attention.bgWhite>h2,
#sysExplanation>details.accordion-00>div>div.itemSize>h2,
#sysExplanation>details.accordion-00>div>div.giftOption>h2 {
  border-bottom: 3px solid #e6edf3;
}

#sysExplanation>details.accordion-00>div>div.color>h2>span,
#sysExplanation>details.accordion-00>div>div.attention.bgWhite>h2>span,
#sysExplanation>details.accordion-00>div>div.itemSize>h2>span,
#sysExplanation>details.accordion-00>div>div.giftOption>h2>span {
  display: inline-block;
  position: relative;
  padding: 0 0.4em 0.2em;
  color: #333333;
}

#sysExplanation>details.accordion-00>div>div.color>h2>span::before,
#sysExplanation>details.accordion-00>div>div.attention.bgWhite>h2>span::before,
#sysExplanation>details.accordion-00>div>div.itemSize>h2>span::before,
#sysExplanation>details.accordion-00>div>div.giftOption>h2>span::before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #f2cd00;
  content: '';
}


#sysExplanation>details.accordion-00>div>div.color>p {
  text-align: left;
  line-height: 3rem;
  font-weight: 500;
  margin-top: 5rem;
}

#sysExplanation>details.accordion-00>div>div.color>div.flex-two {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 5rem 0;
}


#sysExplanation>details.accordion-00>div>div.color>div>div.flex-two-child {
  width: 49%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 2rem;

}


#sysExplanation>details.accordion-00>div>div.color>div>div.flex-two-child:nth-child(odd) {
  margin-right: 1.5rem;
}


#sysExplanation>details.accordion-00>div>div.color>div>div.flex-two-child>div:nth-child(1) {
  width: 23rem;
}



#sysExplanation>details.accordion-00>div>div.color>div>div.flex-two-child>div:nth-child(1)>img {
  width: 100%;
  border-radius: 20px;
}


#sysExplanation>details.accordion-00>div>div.color>div>div.flex-two-child>div.flex-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}

#sysExplanation>details.accordion-00>div>div.color>div>div.flex-two-child>div.flex-column>div.borderYL {
  border-left: 8px solid #f2cd00;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #f2cd00;
  font-weight: 600;
}

#sysExplanation>details.accordion-00>div>div.color>div>div.flex-two-child>div.flex-column>div.borderWH {
  border-left: 8px solid #898989;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #898989;
  font-weight: 600;
}


#sysExplanation>details.accordion-00>div>div.color>div>div.flex-two-child>div.flex-column>div.borderPK {
  border-left: 8px solid #f4b5b0;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #f4b5b0;
  font-weight: 600;
}

#sysExplanation>details.accordion-00>div>div.color>div>div.flex-two-child>div.flex-column>div.borderBL {
  border-left: 8px solid #85c0ce;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #85c0ce;
  font-weight: 600;
}

#sysExplanation>details.accordion-00>div>div.color>div>div.flex-two-child>div.flex-column>div.borderGR {
  border-left: 8px solid #aabb74;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #aabb74;
  font-weight: 600;
}

#sysExplanation>details.accordion-00>div>div.color>div>div:nth-child(1)>div.flex-column>div.borderYL>p.ja,
#sysExplanation>details.accordion-00>div>div.color>div>div:nth-child(1)>div.flex-column>div.borderYL>p.en {
  color: #f2cd00;
}

#sysExplanation>details.accordion-00>div>div.color>div>div:nth-child(2)>div.flex-column>div.borderWH>p.ja,
#sysExplanation>details.accordion-00>div>div.color>div>div:nth-child(2)>div.flex-column>div.borderWH>p.en {
  color: #898989;
}

#sysExplanation>details.accordion-00>div>div.color>div>div:nth-child(3)>div.flex-column>div.borderPK>p.ja,
#sysExplanation>details.accordion-00>div>div.color>div>div:nth-child(3)>div.flex-column>div.borderPK>p.en {
  color: #f4b5b0;
}

#sysExplanation>details.accordion-00>div>div.color>div>div:nth-child(4)>div.flex-column>div.borderBL>p.ja,
#sysExplanation>details.accordion-00>div>div.color>div>div:nth-child(4)>div.flex-column>div.borderBL>p.en {
  color: #85c0ce;
}

#sysExplanation>details.accordion-00>div>div.color>div>div:nth-child(5)>div.flex-column>div.borderGR>p.ja,
#sysExplanation>details.accordion-00>div>div.color>div>div:nth-child(5)>div.flex-column>div.borderGR>p.en {

  color: #aabb74;
}


#sysExplanation>details.accordion-00>div>div.color>div>div.flex-two-child>div.flex-column>div>p {
  margin: 0;
}


#sysExplanation>details.accordion-00>div>div.color>div>div.flex-two-child>div.flex-column>div:nth-child(2) {
  padding-left: 3rem;
  padding-top: 1rem;
}

#sysExplanation>details.accordion-00>div>div.color>div.flex-two>div.flex-two-child>div.flex-column>div:nth-child(2)>p {
  font-size: 1.3rem;
  font-weight: 500;
}


#sysExplanation>details.accordion-00>div>div.attention>p {
  text-align: left;
  margin: 5rem 0;
  font-weight: 500;
}


#sysExplanation>details.accordion-00>div>div.attention.bgWhite>div {
  background-color: #fff;
  border-radius: 20px;
  padding: 3rem;
  margin: 5rem 0;
}


#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}

#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);

}


/***素材***/



#sysExplanation>details.accordion-00>div>div.intro>div {
  max-width: 50rem;
  margin: 5rem auto;
}

#sysExplanation>details.accordion-00>div>div.intro>div>img {
  width: 100%;
}

#sysExplanation>details.accordion-00>div>div.intro>p {
  text-align: left;
  font-weight: 500;
}

#sysExplanation>details.accordion-00>div>div.intro>p:nth-child(4) {
  margin-top: 3rem;
  font-weight: 500;
}

#sysExplanation>details.accordion-00>div>div.itemSize {
  margin-top: 5rem;
}



#sysExplanation>details.accordion-00>div>div.itemSize>p {
  text-align: left;
  margin-top: 5rem;
  font-weight: 500;
}

#sysExplanation>details.accordion-00>div>div.itemSize>table {
  max-width: 60rem;
  margin: 5rem auto;
}

#sysExplanation>details.accordion-00>div>div.itemSize>table>tbody>tr>th {
  text-align: left;
  padding-left: 5rem;
  width: 30rem;
}


#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}

#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);

}



/***ラッピング***/




#sysExplanation>details.accordion-00>div>div:nth-child(1)>div {
  margin: 5rem auto;
  max-width: 50rem;
}

#sysExplanation>details.accordion-00>div>div:nth-child(1)>div>img {
  border-radius: 20px;
  width: 100%;
}

#sysExplanation>details.accordion-00>div>div:nth-child(1)>p {
  text-align: left;
  font-weight: 500;
}

#sysExplanation>details.accordion-00>div>div.giftOption {
  margin-top: 5rem;
}

#sysExplanation>details.accordion-00>div>div.giftOption>ul {
  margin-top: 5rem;
  text-align: left;
}

#sysExplanation>details.accordion-00>div>div.giftOption>ul>li {
  font-weight: 600;
}


#sysExplanation>details.accordion-00>div>div.giftOption>div.flex-two {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  margin: 5rem 0;
}

#sysExplanation>details.accordion-00>div>div.giftOption>div.flex-two>div {
  width: 45%;
  margin-bottom: 3rem;
}

#sysExplanation>details.accordion-00>div>div.giftOption>div.flex-two>div>div>img {
  border-radius: 20px;
}




#sysExplanation>details.accordion-00>div>div.intro>p {
  margin-top: 5rem;
  text-align: left;
  font-weight: 500;
}


#sysExplanation>details.accordion-00>div>div:nth-child(4) {
  margin-top: 5rem;
}


#sysExplanation>details.accordion-00>div>div.intro>div {
  margin: 5rem auto;
  max-width: 50rem;
}

#sysExplanation>details.accordion-00>div>div.intro>div>img {
  width: 100%;
}


#sysExplanation>details.accordion-00>div>div.intro>p {
  text-align: left;
  margin-bottom: 5rem;
}

#sysExplanation>details.accordion-00>div>div.giftOption>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
  display: block;
}

#sysExplanation>details.accordion-00>div>div.giftOption>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysExplanation>details.accordion-00>div>div.giftOption>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
  width: unset;
}

#sysExplanation>details.accordion-00>div>div.giftOption>div.linkBttn:hover.chon {
  transform: translate(20%, 30%);

}


#sysExplanation>details.accordion-00>div>div:nth-child(1)>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}

#sysExplanation>details.accordion-00>div>div:nth-child(1)>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysExplanation>details.accordion-00>div>div:nth-child(1)>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysExplanation>details.accordion-00>div>div:nth-child(1)>div.linkBttn:hover.chon {
  transform: translate(20%, 30%);

}


#sysExplanation>details.accordion-00>div>div:nth-child(3) {
  margin-top: 5rem;
}


#sysExplanation>details.accordion-00>div>div:nth-child(4)>p {
  font-weight: 500;
}


#sysExplanation>details.accordion-00>div>div.giftOption>div.aboutwrap {
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 5rem;
}

#sysExplanation>details.accordion-00>div>div.giftOption>div.aboutwrap>p:nth-child(2)>a {
  font-weight: 600;
  border-bottom: 2px solid #f2cd00;
}



/***************************************

　　　　　　　クリスマスLP

****************************************/

#iiwandexmas {
  background: #fff;
}


section.m-8 {
  margin: 8rem auto;
}

section.maxwidth {
  max-width: 90rem;
}

section>h2 {
  margin: 8rem auto 3rem;
  max-width: 50rem;
  text-align: center;
}



#sysMain>div.sysFuncText.firstvisual.sysDisplayMobileNone>div>section.firstvisual>h1>img {
  width: 100%;
}

#sysMain>div.sysFuncText.firstvisual.sysDisplayMobileNone>div>section>div.about {
  position: relative;
}

#sysMain>div.sysFuncText.firstvisual.sysDisplayMobileNone>div>section>div.about>div.abouttexbox {
  max-width: 50rem;
  margin-left: 12rem;
  margin-top: 5rem;
  margin-bottom: 15rem;
}

#sysMain>div.sysFuncText.firstvisual.sysDisplayMobileNone>div>section>div.about>div.abouttexbox>p.bold {
  font-weight: 600;
  font-size: 2.2rem;
  margin: 2rem 0;
}


#sysMain>div.sysFuncText.firstvisual.sysDisplayMobileNone>div>section>div.about>div.abouttexbox>p:nth-child(3) {
  line-height: 2;
  font-weight: 500;
  font-size: 1.8rem;
}

#sysMain>div.sysFuncText.firstvisual.sysDisplayMobileNone>div>section>div.about>div.itemimage {
  position: absolute;
  top: -10rem;
  right: 5rem;
}


#sysMain>div.sysFuncText.firstvisual.sysDisplayMobileNone>div>section>div.Bttn.for_pc {

  margin: 10rem auto;
  width: 100%;
  max-width: 65rem;
  text-align: center;
}


#sysMain>div.sysFuncText.reason {
  margin: 20rem 0;
}


#sysMain>div.sysFuncText.reason>div>section.reason {
  position: relative;
}

#sysMain>div.sysFuncText.reason>div>section>div.textbox {
  position: absolute;
  top: 40rem;
  left: 15rem;
}

#sysMain>div.sysFuncText.reason>div>section>div.textbox>p {
  font-weight: 600;
  font-size: 2.2rem;
  letter-spacing: 1.5px;
  position: relative;
  margin: 4rem 0;
}

#sysMain>div.sysFuncText.reason>div>section>div.textbox>p::before {
  position: absolute;
  content: url(/img/lp/check.png);
  vertical-align: middle;
  padding-right: 5px;
  left: -5rem;
}

#sysMain>div.sysFuncText.reason>div>section>div.textbox>p::after {
  position: absolute;
  content: url(/img/lp/borderbottom.png);
  vertical-align: bottom;
  padding-right: 5px;
  left: 1rem;
  bottom: -2rem;
}

#sysMain>div.sysFuncText.reason>div>section>div.bg.for_pc>img {
  width: 100%;
}


#sysMain>div.sysFuncText.material {
  margin-bottom: 40rem;
}


#sysMain>div.sysFuncText.material>div>section.safety {
  position: relative;
}


#sysMain>div.sysFuncText.material>div>section.safety>div:nth-child(2) {
  max-width: 100rem;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.material>div>section.safety>p {
  font-size: 1.8rem;
  text-align: center;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 1px;
}

#sysMain>div.sysFuncText.material>div>section>p>span.marker {
  background: linear-gradient(transparent 60%, #f2cd00 60%);
  display: inline;


  /* 背景の繰り返しを停止 */
  background-repeat: no-repeat;

  /* マーカーの横方向を0にして縮める */
  background-size: 0% 100%;

  /* マーカーが引かれる速度を指定 */
  transition: background-size 1.5s;
}

/* マーカーが引かれる際に付与するクラス */
#sysMain>div.sysFuncText.material>div>section>p>span.marker.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 100%;
}


#sysMain>div.sysFuncText.material>div>section>div.bgimage.for_pc {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 90rem;
}

#sysMain>div.sysFuncText.testreport>div>section>p:nth-child(2) {
  font-weight: 600;
  text-align: center;
  line-height: 2;
  margin: 5rem 0;
}

#sysMain>div.sysFuncText.testreport>div>section>div.reportimage {

  max-width: 80rem;
  margin: 5rem auto;
}


#sysMain>div.sysFuncText.testreport>div>section>p:nth-child(4) {
  max-width: 80rem;
  margin: 0 auto;
}


#sysMain>div.sysFuncText.itemlineup.sysDisplayMobileNone>div>section>div.bg-top {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 120px;

  &::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    width: 400vw;
    height: 500vw;
    border-radius: 100%;
    background-color: #fbf4be;
  }
}


#sysMain>div.sysFuncText.itemlineup.sysDisplayMobileNone>div>section>div.bg-bottom {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 120px;

  &::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    width: 400vw;
    height: 500vw;
    border-radius: 100%;
    background-color: #fbf4be;
  }
}


#sysMain>div.sysFuncText.itemlineup.sysDisplayMobileNone>div>section>div.circlewrap {
  background: #fbf4be;
}


#sysMain>div.sysFuncText.itemlineup.sysDisplayMobileNone>div>section>div.circlewrap>h2 {

  margin: 0 auto 3rem;
  max-width: 50rem;
  text-align: center;
}

#sysMain>div.sysFuncText.itemlineup.sysDisplayMobileNone>div>section>div.circlewrap>div {
  max-width: 110rem;
  margin: 0 auto;
  padding-bottom: 5rem;
}


#sysMain>div.sysFuncText.itemlineup.sysDisplayMobileNone>div>section>div:nth-child(4) {
  max-width: 90rem;
  margin: 0 auto;
  animation: move 1s steps(2, start) infinite;
}


#sysMain>div.sysFuncText.media>div>section.media>p {
  text-align: center;
  font-weight: 600;
  font-size: 2rem;
  color: #f2cd00;
}

#sysMain>div.sysFuncText.media>div>section>div.for_pc {
  max-width: 100rem;
  margin: 0 auto;
}


#sysMain>div.sysFuncText.award>div>section.award>p {
  text-align: center;
  font-weight: 600;
  font-size: 2rem;
  color: #f2cd00;
}



#sysMain>div.sysFuncText.award>div>section>div.flexbox {
  margin: 5rem auto;
  max-width: 100rem;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
}

#sysMain>div.sysFuncText.award>div>section>div>div.flexitem {
  width: 45%;
}


#sysMain>div.sysFuncText.award>div>section>div>div.flexitem>div>img {
  border-radius: 10px;
}


#sysMain>div.sysFuncText.award>div>section>div>div.flexitem>p {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
}


#sysMain>div.sysFuncText.uservoice>div>section.review>p {
  text-align: center;
  font-weight: 600;
  font-size: 2rem;
  color: #f2cd00;
}


#sysMain>div.sysFuncText.uservoice>div>section>div.reviewbox.for_pc {
  margin: 5rem auto;
  max-width: 90rem;
}

#sysMain>div.sysFuncText.uservoice>div>section>div.reviewbox.for_pc>div {
  margin: 5rem 0;
}

#sysMain>div.sysFuncText.xmasgiftset>div>section.giftset>p:nth-child(2) {
  text-align: center;
  font-weight: 600;
  font-size: 2rem;
  color: #f2cd00;
}


#sysMain>div.sysFuncText.xmasgiftset>div>section>div:nth-child(3) {
  margin: 5rem auto;
  max-width: 60rem;
  text-align: center;
}

#sysMain>div.sysFuncText.xmasgiftset>div>section>div:nth-child(3)>img {
  border-radius: 10px;
}

#sysMain>div.sysFuncText.xmasgiftset>div>section>p:nth-child(4) {
  text-align: center;
  font-size: 2.0rem;
  font-weight: 600;
}


#sysMain>div.sysFuncText.xmasgiftset>div>section>div.presentwrap {
  margin: 5rem auto;
  max-width: 100rem;
  text-align: center;
}



#sysMain>div.sysFuncText.xmasgiftset>div>section>div.presentwrap>div.flex-three {
  margin: 3rem 0;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
}


#sysMain>div.sysFuncText.xmasgiftset>div>section>div.presentwrap>div.flex-three>div.flexbox {
  width: 32%;
}


#sysMain>div.sysFuncText.xmasgiftset>div>section>div.presentwrap>div.flex-three>div.flexbox>div.image>img {
  border-radius: 10px;
}


#sysMain>div.sysFuncText.xmasgiftset>div>section>div.presentwrap>div.flex-three>div.flexbox>p {
  max-width: 30rem;
  font-size: 1.4rem;
  font-weight: 500;
}


#sysMain>div.sysFuncText.xmasgiftset>div>section>div.presentwrap>div.flex-three>div.flexbox>div.icon {
  margin-bottom: 2rem;
}


#sysMain>div.sysFuncText.xmasgiftset>div>section>div.Bttn.for_pc {

  margin: 10rem auto;
  width: 100%;
  max-width: 65rem;
  text-align: center;
}



#sysMain>div.sysFuncText.myfirstdish>div>section.myfirstdish>div.image {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

#sysMain>div.sysFuncText.myfirstdish>div>section>div.image>img {
  border-radius: 10px;
  width: 100%;
  max-width: 43rem;
}

#sysMain>div.sysFuncText.myfirstdish>div>section>p {
  width: 86rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: 3rem;
}

#sysMain>div.sysFuncText.colorsecret>div>section.colorsecret {
  max-width: 120rem;
}



#sysMain>div.sysFuncText.colorsecret>div>section.colorsecret>p {
  font-weight: 600;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2;
}






#sysMain>div.sysFuncText.colorsecret>div>section>div.color {
  margin: 10rem 0;
}


#sysMain>div.sysFuncText.colorsecret>div>section>div.color>p {
  text-align: left;
  line-height: 3rem;
  font-weight: 500;
  margin-top: 5rem;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div.flex-two {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 5rem 0;
}


#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div.flex-two-child {
  width: 49%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 2rem;

}


#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div.flex-two-child:nth-child(odd) {
  margin-right: 1.5rem;
}


#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div.flex-two-child>div:nth-child(1) {
  width: 23rem;
}



#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div.flex-two-child>div:nth-child(1)>img {
  width: 100%;
  border-radius: 20px;
}


#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div.flex-two-child>div.flex-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div.flex-two-child>div.flex-column>div.borderYL {
  border-left: 8px solid #f2cd00;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #f2cd00;
  font-weight: 600;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div.flex-two-child>div.flex-column>div.borderWH {
  border-left: 8px solid #898989;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #898989;
  font-weight: 600;
}


#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div.flex-two-child>div.flex-column>div.borderPK {
  border-left: 8px solid #f4b5b0;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #f4b5b0;
  font-weight: 600;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div.flex-two-child>div.flex-column>div.borderBL {
  border-left: 8px solid #85c0ce;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #85c0ce;
  font-weight: 600;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div.flex-two-child>div.flex-column>div.borderGR {
  border-left: 8px solid #aabb74;
  padding-left: 2rem;
  margin-left: 2rem;
  color: #aabb74;
  font-weight: 600;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div:nth-child(1)>div.flex-column>div.borderYL>p.ja,
#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div:nth-child(1)>div.flex-column>div.borderYL>p.en {
  color: #f2cd00;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div:nth-child(2)>div.flex-column>div.borderWH>p.ja,
#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div:nth-child(2)>div.flex-column>div.borderWH>p.en {
  color: #898989;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div:nth-child(3)>div.flex-column>div.borderPK>p.ja,
#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div:nth-child(3)>div.flex-column>div.borderPK>p.en {
  color: #f4b5b0;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div:nth-child(4)>div.flex-column>div.borderBL>p.ja,
#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div:nth-child(4)>div.flex-column>div.borderBL>p.en {
  color: #85c0ce;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div:nth-child(5)>div.flex-column>div.borderGR>p.ja,
#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div:nth-child(5)>div.flex-column>div.borderGR>p.en {

  color: #aabb74;
}


#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div.flex-two-child>div.flex-column>div>p {
  margin: 0;
}


#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div.flex-two-child>div.flex-column>div:nth-child(2) {
  padding-left: 3rem;
  padding-top: 1rem;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div.flex-two>div.flex-two-child>div.flex-column>div:nth-child(2)>p {
  font-size: 1.3rem;
  font-weight: 500;
}



#sysMain>div.sysFuncText.lpfaq>div>section.faq>div.accordWrap {
  margin: 5rem 0;
}


#sysMain>div.sysFuncText.lpfaq>div>section>div.Bttnset {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

#sysMain>div.sysFuncText.lpfaq>div>section>div.Bttnset>div.Bttn.for_pc,
#sysMain>div.sysFuncText.lpfaq>div>section>div.Bttnset>div.topBttn {
  width: 45%;
}


/***********************************

     クリスマス限定商品ページ


***********************************/


#sysSelections>div.color_div>div>p {
  color: #f2cd00;
  font-weight: 600;
}


/***********************************

     ソーシャルギフト受取ページ


***********************************/

#sysMain>div.sysSocialGiftReceive>div.sysSocialGiftReceiveGiftLetterArea>div.sysSocialGiftReceiveGiftLetterImageGroup {

  width: 100%;
  max-width: 35rem;
  margin: 15rem auto 5rem;
}

#sysMain>div.sysSocialGiftReceive>div.sysSocialGiftReceiveGiftLetterArea>div.sysSocialGiftReceiveGiftLetterMessageGroup {
  max-width: 35rem;
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: 500;
}


#sysMain>div.sysSocialGiftReceive>div.sysSocialGiftReceiveButtonArea {
  max-width: 35rem;
  margin: 2rem auto;
  text-align: center;
}


#sysMain>div.sysSocialGiftReceive>div.sysSocialGiftReceiveLimitDate {
  text-align: center;
}


#sysMain>div.sysSocialGiftReceive {
  max-width: 90rem;
  margin: 15rem auto 5rem;
}


/***********************************

     ソーシャルギフト特集ページ


***********************************/

.con-width {
  margin: 5rem auto;
  max-width: 90rem;
}


#sysMain > div.sysFuncText.socialgift > div > section.socialgiftbannar{
max-width: 90rem;
    margin: 0rem auto;
    padding-top: 25rem;
}




#sysMain>div.sysFuncText.socialgift>div>section.title {
    padding-top: 30rem;
    margin: 0 auto;
}


#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div.titleimage {
  position: relative;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.absolute {
  max-width: 50rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.ochawan {
  position: relative;
  width: 100%;
  max-width: 10rem;
  top: 1rem;
  left: 2rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.spoon {
  width: 100%;
  max-width: 10rem;
  position: absolute;
  top: 2rem;
  right: 5rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.star1 {
  position: relative;
  width: 100%;
  max-width: 5rem;
  top: 5rem;
  left: 5rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.snow2 {
  width: 100%;
  max-width: 5rem;
  position: absolute;
  top: 12rem;
  right: 4rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.snow1 {
  position: relative;
  width: 100%;
  max-width: 5rem;
  top: 9rem;
  left: 6rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.star2 {
  width: 100%;
  max-width: 5rem;
  position: absolute;
  top: 18rem;
  right: 11rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.kozara {
  position: relative;
  width: 100%;
  max-width: 10rem;
  top: 15rem;
  left: 4rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.mug {
  width: 100%;
  max-width: 10rem;
  position: absolute;
  top: 23rem;
  right: 2rem;
}


#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.snow3 {
  width: 100%;
  max-width: 5rem;
  position: absolute;
  top: 29rem;
  right: 14rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.item {
  transform-origin: center bottom;
  animation: yura 2s linear infinite;
}

@keyframes yura {

  0%,
  100% {
    transform: rotate(10deg);
  }

  50% {
    transform: rotate(-10deg);
  }
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.snow,
#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.star {
  animation: spin 5.5s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}




#sysMain>div.sysFuncText.socialgift>div>section.intro {
  margin-top: 25rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.intro.con-width>h2>img {
  width: 15rem;
  vertical-align: middle;
  margin-right: 1rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.intro.con-width>h2>span {
  letter-spacing: 1px;
}

#sysMain>div.sysFuncText.socialgift>div>section.intro.con-width>div.flex-three {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
}


#sysMain>div.sysFuncText.socialgift>div>section.intro.con-width>div>div.flexitem {
  width: 30%;
  position: relative;

}

#sysMain>div.sysFuncText.socialgift>div>section.intro.con-width>div>div.flexitem>p.bl {
  text-align: center;
  background: #1a1a1a;
  color: #fff;
  padding: 1.5rem;
  font-weight: 600;
  border: 1px solid #1a1a1a;
  border-radius: 10px 10px 0 0;
  margin: 0;
}

#sysMain>div.sysFuncText.socialgift>div>section.intro.con-width>div>div.flexitem>p.wh {
  padding: 1.5rem;
  font-weight: 600;
  border: 1px solid #1a1a1a;
  border-radius: 0 0 10px 10px;
  margin: 0;
}


#sysMain>div.sysFuncText.socialgift>div>section.intro.con-width>div>div.flexitem::after {
  position: absolute;
  content: "";
  background: url(/img/socialgift/point.png);
  top: -1rem;
  left: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  width: 5rem;
  height: 5rem;
  background-repeat: no-repeat;
}

#sysMain>div.sysFuncText.socialgift>div>section.card.con-width>h2>img {
  width: 15rem;
  vertical-align: middle;
  margin-right: 1rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.card.con-width>h2>span {
  letter-spacing: 1px;
}

#sysMain>div.sysFuncText.socialgift>div>section.card.con-width>div.flexbox {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
}

#sysMain>div.sysFuncText.socialgift>div>section.card.con-width>div.flexbox>div.letter {
  width: 30%;
  flex-shrink: unset;
}

#sysMain>div.sysFuncText.socialgift>div>section.card.con-width>div.what {
  margin: 5rem auto;
  text-align: center;
}

#sysMain>div.sysFuncText.socialgift>div>section.card.con-width>div.what>div.image {
  margin: 3rem auto;
}

#sysMain>div.sysFuncText.socialgift>div>section.card.con-width>div.what>div>img {
  width: 10rem;
}



#sysMain>div.sysFuncText.socialgift>div>section.card.con-width>div.what>p {
  margin: 3rem auto;
  max-width: 75rem;
  line-height: 2;
}


#sysMain>div.sysFuncText.socialgift>div>section.howto>h2>img {
  width: 15rem;
  vertical-align: middle;
  margin-right: 1rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.howto>h2>span {
  letter-spacing: 1px;
}

#sysMain>div.sysFuncText.socialgift>div>section.howto>div.flex-three {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
}

#sysMain>div.sysFuncText.socialgift>div>section.howto>div.flex-three>div.flexitem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sysMain>div.sysFuncText.socialgift>div>section.howto>div.flex-three>div.flexitem>p.step {
  font-weight: 600;
}

#sysMain>div.sysFuncText.socialgift>div>section.howto>div.flex-three>div.flexitem>div.mock {
  max-width: 100%;
}

#sysMain>div.sysFuncText.socialgift>div>section.howto>div.flex-three>div.flexitem>p.desc {
  text-align: center;
  font-weight: 500;
}


#sysMain>div.sysFuncText.socialgift>div>section.howto>div.attention {
  margin: 3rem auto;
  max-width: 80rem;
  text-align: center;
}

#sysMain>div.sysFuncText.socialgift>div>section.howto>div.attention>p.yl {
  background: #f2cd00;
  padding: 2rem;
  border-radius: 10px 10px 0 0;
  border: 1px solid #1a1a1a;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
}

#sysMain>div.sysFuncText.socialgift>div>section.howto>div.attention>p.wh {
  padding: 2rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 2;
  border: 1px solid #1a1a1a;
  margin: 0;
  border-radius: 0 0 10px 10px
}


#sysMain>div.sysFuncText.socialgift>div>section.lineup>div.product {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
}

#sysMain>div.sysFuncText.socialgift>div>section.lineup>div.product>div.itembox {
  width: 30%;
}

#sysMain>div.sysFuncText.socialgift>div>section.lineup>div.product>div.itembox>p {
  font-weight: 500;
}

#sysMain>div.sysFuncText.socialgift>div>section.lineup>div.linkBttn {
  margin: 0 auto;
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}

#sysMain>div.sysFuncText.socialgift>div>section.lineup>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.socialgift>div>section.lineup>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.socialgift>div>section.lineup>div.linkBttn :hover.chon {
  transform: translate(20%, 30%);

}

/***********************************

     ソーシャルギフトバナー


***********************************/

/*商品ページフッター*/


#sysFooter>div.sysFuncText.socialgiftlink>div>div.social_bannar.for_pc {

  max-width: 70rem;
  margin: 5rem auto;
}

/*TOP*/

#sysMain>div.sysFuncText.socialgiftlink>div>div.social_bannar.for_pc {
  max-width: 70rem;
  margin: 5rem auto;
}


/***********************************

     保育施設向けLP


***********************************/

#nurserylp{
background-color:#fff;
}

#sysMain > div.sysFuncText.nurserylp > div > div.n_lp{
margin: 0 auto;
    width: 70rem;
}


#sysMain > div.sysFuncText.nurserylp > div > div:nth-child(1){
    margin-top: 15rem;
}


#sysMain > div.sysFuncText.nurserylp > div > div:nth-child(8){
margin: 3rem auto;
}


#sysOpc > div.opcSingleDelivery > div.opcItemsArea > div.opcItemDataBind.opcItemList > div.opcItem > div.opcItem_deliveryAddressItemGroup_edit > div.opcItem_itemOptionGroup_edit > div.opcItem_itemOptionAndLabelGroup_edit > div.opcItem_itemOptionDescription_edit > div.select_hososhi{
display:none;
}



/**********************************************


2024 xmas LP


**********************************************/

/*hero*/

#sysMain > div.sysFuncText.xmas24 > div > section.hero{
background: url(/img/lp/xmas2024/firstimage.jpg) no-repeat top right / cover;
}

#sysMain > div.sysFuncText.xmas24 > div > section.hero > div.hero__flex{
display: flex;
    justify-content: space-between;
}

#sysMain > div.sysFuncText.xmas24 > div > section.hero > div.hero__flex > h1{
padding: 45px 0 0 60px;
}

#sysMain > div.sysFuncText.xmas24> div > section.hero > div.hero__flex > h1 > img{
    max-width: 755px;
}

#sysMain > div.sysFuncText.xmas24 > div > section.hero > div.hero__flex > div{
padding: 40px 40px 00;
    max-width: 350px;
}

#sysMain > div.sysFuncText.xmas24 > div > section.hero > div.hero__sub{
max-width: 650px;
    margin: 50px 0 0 60px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.hero > a > button{
     margin: 45px 0 60px 60px;
    background-color: #DE5F59;
    border: none;
    padding: 20px 60px;
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
    width: 320px;
    font-size: 20px;
}

/*problem*/

#sysMain > div.sysFuncText.xmas24 > div > section.problem{
background: RGB(231, 220, 119, 0.2);
}

#sysMain > div.sysFuncText.xmas24 > div > section.problem > div.problem__grid{
     display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    position: relative;
}
#sysMain > div.sysFuncText.xmas24> div > section.problem > div.problem__grid > div:nth-child(1){
grid-area: 1 / 1 / 2 / 2;
    max-width: 150px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#sysMain > div.sysFuncText.xmas24 > div > section.problem > div.problem__grid > p{
grid-area: 1 / 2 / 2 / 3;
    margin: 30px 0;
    font-size: 20px;
font-weight:500;
}

#sysMain > div.sysFuncText.xmas24 > div > section.problem > div.problem__grid > div:nth-child(3){
grid-area: 1 / 3 / 2 / 4;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 215px;
    margin: 0 auto;
}

/*solution*/

#sysMain > div.sysFuncText.xmas24 > div > section.solution{
background: url("/img/lp/xmas2024/35015044_christmas_backgrou 1.svg") repeat top right / contain;
background-color: rgba(255, 255, 255, 0.5);
    background-blend-mode: lighten;
padding-bottom: 50px;
}

#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__title{
padding-top: 60px;
max-width:640px;
margin:0 auto;
position:relative;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__title::before{
position:absolute;
top: 70px;
left: -120px;
content:'';
width:125px;
height:125px;
background:url("/img/lp/xmas2024/leaves.png") no-repeat center / contain;
}
#sysMain > div.sysFuncText.xmas24> div > section.solution > div.solution__title::after{
position:absolute;
top: 70px;
 right: -120px;
content:'';
width:125px;
height:125px;
background:url("/img/lp/xmas2024/leaves-1.png") no-repeat center / contain;
}

#sysMain > div > div > section.solution > div.solution__title > div{
max-width: 200px;
margin: 0 auto;
}

#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__title > div{
text-align: center;

}

#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__title > h2{
text-align: center;
    font-size: 40px;
    margin-top: 20px;
    font-weight: 600;
}



#sysMain > div.sysFuncText.xmas24 > div > section.solution > p{
max-width: 550px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-title{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 450px;
    margin: 0 auto;
position:relative;
}

#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-title::after{
position:absolute;
content:"";
width:276px;
height:175px;
background:url("/img/lp/xmas2024/presentforyou.png") no-repeat center / contain;
top:0;
left:40vw;
}

#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-title > div{
max-width: 190px;
    margin: 0;
}

#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-box{
display: flex;
    max-width: 800px;
    margin: 40px auto 0;
    justify-content:space-between;
    align-items: center;
}

#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-box > p{
width: 45%;
    font-weight: 500;
    font-size: 18px;
}

#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-box > div{
width: 375px;
  height:375px;
  border-radius:50%;
  background: url("/img/lp/xmas2024/wishcard.jpg") no-repeat center / cover;
}

/*benefit*/
#sysMain > div > div > section.benefit{
position:relative;
}

#sysMain > div > div > section.benefit::after{
position:absolute;
top: 250px;
 right: 0px;
content:'';
width:500px;
height:430px;
background:url("/img/lp/xmas2024/solutionimg1.png") no-repeat right / contain;
background-size: auto 430px;
}

#sysMain > div > div > section.benefit::before{
position:absolute;
top:550px;
left:0px;
content:'';
width:500px;
height:430px;
background:url("/img/lp/xmas2024/solutionimg2.png") no-repeat left / contain;
background-size: auto 430px;
}

#sysMain > div > div > section.benefit > div.benefit__title{
background: url("/img/lp/xmas2024/Rectangle 18.svg") repeat top right / contain;
padding: 60px 0;
}

#sysMain > div > div > section.benefit > div.benefit__title > div.benefit__title-img.forpc > img{
display: block;
    max-width: 515px;
    margin: 0 auto;
}

#sysMain > div > div > section.benefit > div.benefit__title > h2{
font-size: 48px;
    font-weight: 600;
    text-align: center;
    margin-top: 70px;
}

#sysMain > div > div > section.benefit > div.benefit__content{
position: relative;
display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
max-width: 750px;
    margin: 80px auto;
}



#sysMain > div > div > section.benefit > div.benefit__content > ul{
margin-bottom:35px;
background:url("/img/lp/xmas2024/Ellipse.png") no-repeat  center /contain;
padding-bottom: 60px;
}

#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(1){
text-align: center;
grid-area: 1 / 1 / 2 / 4;
margin-left: 100px;
}
#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(2){
text-align: center;
grid-area: 1 / 4 / 2 / 7;
margin-right: 100px;
}
#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(3){
text-align: center;
    grid-area: 2 / 1 / 3 / 3;
}
#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(4){
text-align: center;
grid-area: 2 / 3 / 3 / 5;
}
#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(5){
text-align: center;
grid-area: 2 / 5 / 3 / 7;
}
#sysMain > div > div > section.benefit > div.benefit__content > ul > img{
max-width:120px;
}

#sysMain > div > div > section.benefit > div.benefit__content > ul> li{
font-size: 20px;
    font-weight: 500;
    margin-top: 30px;
}


/*evidence*/


#sysMain > div > div > section.evidence{
margin-top: 60px;
background: RGB(231, 220, 119, 0.2);
    padding: 40px 0;
}

#sysMain > div > div > section.evidence > div.evidence__title > div{
    max-width: 240px;
    position: relative;
    margin: 0 auto;
}


#sysMain > div > div > section.evidence > div.evidence__title > div::before{
position:absolute;
top: 20px;
left: -120px;
content:'';
width:90px;
height:50px;
background:url("/img/lp/xmas2024/ochawan.png") no-repeat center / contain;
}

#sysMain > div > div > section.evidence > div.evidence__title > div::after{
position:absolute;
top: 10px;
 right: -120px;
content:'';
width:90px;
height:70px;
background:url("/img/lp/xmas2024/mug.png") no-repeat center / contain;
}

#sysMain > div > div > section.evidence > div.evidence__title > h2{
text-align: center;
    margin: 35px 0 50px;
    font-size: 48px;
    font-weight: 600;
}
#sysMain > div > div > section.evidence > div.evidence__content{
    margin: 25px 25vw;
text-align: center;
}

#sysMain > div > div > section.evidence > div.evidence__content > div.evidence__content-title > img{
height: 35px;
}

#sysMain > div > div > section.evidence > div:nth-child(4) > div.evidence__content-title > img{
height: 45px;
}


#sysMain > div > div > section.evidence > div.evidence__content> div.evidence__content-title > p{
    color: #EFD800;
    font-size: 24px;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    padding-left: 10px;
}

#sysMain > div > div > section.evidence > div.evidence__content> div.evidence__content-txt{
text-align: center;
    font-weight: 600;
    margin-top: 15px;
}

#sysMain > div > div > section.evidence > p{
text-align: center;
}


/*contents*/

#sysMain > div > div > section.contents{
max-width: 800px;
    margin: 65px auto;
}

#sysMain > div > div > section.contents > div:nth-child(1) > p.contents__title-small{
color: #F5D21F;
    font-weight: 600;
    text-align: center;
    font-size: 24px;
}

#sysMain > div > div > section.contents > div:nth-child(1) > div{
margin: 0 auto;
    width: 200px;
}
#sysMain > div > div > section.contents > div:nth-child(1) > p.contents__title-txt{
    text-align: center;
    font-size: 40px;
    margin-top: 20px;
    font-weight: 600;
}

#sysMain > div > div > section.contents > div.contents__content > div{
max-width: 680px;
    margin: 0 auto;
}


#sysMain > div > div > section.contents > div.contents__content > ul{
max-width: 680px;
    margin: 0 auto;
margin-top: 10px;
padding:10px 0;
}
#sysMain > div > div > section.contents > div.contents__content > ul > li{
padding-left:150px;
font-weight:500;
position:relative;
margin-bottom:5px;
}

#sysMain > div > div > section.contents > div.contents__content > ul > li:nth-child(1)::before{

position:absolute;
top: 0px;
left: 70px;
content:'';
width:70px;
height:17px;
background:url("/img/lp/xmas2024/item 01.png") no-repeat left / contain;
}

#sysMain > div > div > section.contents > div.contents__content > ul > li:nth-child(2)::before{
position:absolute;
top: 0px;
left: 70px;
content:'';
width:70px;
height:17px;
background:url("/img/lp/xmas2024/item 02.png") no-repeat left / contain;
}

#sysMain > div > div > section.contents > div.contents__content > ul > li:nth-child(3)::before{
position:absolute;
top: 0px;
left: 70px;
content:'';
width:70px;
height:17px;
background:url("/img/lp/xmas2024/item 03.png") no-repeat left / contain;
}

#sysMain > div > div > section.contents > div.contents__content > ul > li:nth-child(4)::before{
position:absolute;
top: 0px;
left: 70px;
content:'';
width:70px;
height:17px;
background:url("/img/lp/xmas2024/item 04.png") no-repeat left / contain;
}

#sysMain > div > div > section.contents > div.contents__color{
margin-top: 90px;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-title{
text-align: center;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-title > p{
font-weight:600;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex{
display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
margin-top: 55px;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(1){
grid-area: 1 / 1 / 2 / 2;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(2){
grid-area: 1 / 2 / 2 / 3;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(3){
grid-area: 1 / 3 / 2 / 4;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(4){
grid-area: 2 / 1 / 3 / 2;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(5){
    grid-area: 2 / 2 / 3 / 3;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div.contents__color-flex-item{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div.contents__color-flex-item > div{
display: flex;
    justify-content: center;
    align-items: center;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div.contents__color-flex-item > div > img{
max-width: 85px;
height: 56px;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div.contents__color-flex-item > div > p{
font-weight: 600;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div.contents__color-flex-item > p{
font-weight: 500;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(1) > div > p{
color: #E7DC77;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(2) > div > p{
color: #E0DDC6;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(3) > div > p{
color: #C8D49C;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(4) > div > p{
color: #FEBCBE;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(5) > div > p{
color: #94BECE;
}

#sysMain > div > div > section.contents > div.contents__item{
margin-top:85px;
}


#sysMain > div > div > section.contents > div.contents__item > div.contents__item-title > div{
margin: 0 auto;
    width: 200px;
}

#sysMain > div > div > section.contents > div.contents__item > div.contents__item-title > p{
text-align: center;
    font-size: 40px;
    margin-top: 20px;
    font-weight: 600;
}
#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex{
display: flex;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    align-items: center;
}
#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex > div.contents__item-flex-item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex > div.contents__item-flex-item > img:nth-child(1){
max-width:235px;
}

#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex > div.contents__item-flex-item > img:nth-child(2){
margin-top: 10px;
    max-width: 65px;
}
#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex > div.contents__item-flex-item > p{
font-weight: 600;
    margin-top: 10px;
    font-size: 20px;
}
#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex > div.contents__item-flex-item > p > span{
font-size:14px;
}

#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex > div.contents__item-flex-item > a > button{
max-width: 150px;
    padding: 10px 15px;
    background-color: #DE5F59;
    border: none;
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
}


/*offer*/

#sysMain > div > div > section.offer{
padding: 65px 0;
    background: RGB(231, 220, 119, 0.2);
}

#sysMain > div > div > section.offer > div.offer__title{
text-align:center;
}
#sysMain > div > div > section.offer > div.offer__title > p{
font-size: 20px;
    font-weight: 600;
    max-width: 250px;
    position: relative;
}

#sysMain > div > div > section.offer > div.offer__title > p::before,
#sysMain > div > div > section.offer > div.offer__title > p::after {
content: "";
position: absolute; top: 0px;
display: block;
width: 2px ;
height: 100%;
background: #000;
}
#sysMain > div > div > section.offer > div.offer__title > p::before { 
left: 29px; transform: rotate( -30deg ) 
}
#sysMain > div > div > section.offer > div.offer__title > p::after {
 right: 29px; transform: rotate( 30deg ) 
}
#sysMain > div > div > section.offer > div.offer__title > h2{
    margin: 35px 0 50px;
    font-size: 48px;
    font-weight: 600;
}

#sysMain > div > div > section.offer > div.offer__content{
display: flex;
    max-width: 800px;
    justify-content: space-between;
    align-items: flex-start;
    margin: 80px auto;
}

#sysMain > div > div > section.offer > div.offer__content > div.offer__content-box{
width: 45%;
}

#sysMain > div > div > section.offer > div.offer__content > div:nth-child(1) > p.offer__content-box-title{
max-width: 210px;
    color: #fff;
    text-align: center;
    padding: 10px 45px;
    background: #C8D49C;
    border-radius: 10px;
    font-weight: 600;
    margin-bottom: 30px;
}

#sysMain > div > div > section.offer > div.offer__content > div:nth-child(2) > p.offer__content-box-title{
max-width: 210px;
    color: #fff;
    text-align: center;
    padding: 10px 45px;
    background: #EDB2AD;
    border-radius: 10px;
    font-weight: 600;
    margin-bottom: 30px;
}
#sysMain > div > div > section.offer > div.offer__content > div.offer__content-box > div > img{
border-radius: 10px;
}
#sysMain > div > div > section.offer > div.offer__content > div.offer__content-box > p.offer__content-box-txt{
    font-weight: 500;
    margin-top: 15px;
}

/*narrow*/

#sysMain > div > div > section.narrow{
    margin: 80px auto;
    max-width: 800px;
}
#sysMain > div > div > section.narrow > h3{
text-align: center;
    font-weight: 600;
    font-size: 24px;
}

#sysMain > div > div > section.narrow > div.narrow__item{
    margin-top: 75px;
}
#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-title > div{
margin: 0 auto;
    width: 200px;
}

#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-title > p{
text-align: center;
    font-size: 40px;
    margin-top: 20px;
    font-weight: 600;
}

#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex{
display: flex;
  justify-content: space-evenly;
    flex-wrap: nowrap;
    align-items: center;
}
#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex > div.narrow__item-flex-item{
display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex > div.narrow__item-flex-item > img:nth-child(1){
max-width: 235px;
}
#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex > div.narrow__item-flex-item  > img:nth-child(2){
margin-top: 10px;
    max-width: 65px;
}

#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex > div.narrow__item-flex-item > p{
font-weight: 600;
    margin-top: 10px;
    font-size: 20px;
}

#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex > div.narrow__item-flex-item> p > span{
font-size:14px;
}

#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex > div.narrow__item-flex-item> a > button{
max-width: 150px;
    padding: 10px 15px;
    background-color: #DE5F59;
    border: none;
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
}

#sysMain > div > div > section.narrow > div.narrow__contact{
    margin-top: 90px;
text-align: center;
}

#sysMain > div > div > section.narrow > div.narrow__contact > p.narrow__contact-title{
text-align: center;
    font-size: 24px;
    font-weight: 600;
}

#sysMain > div > div > section.narrow > div.narrow__contact > a:nth-child(2) > button{
border: none;
    background: #EFD800;
    border-radius: 10px;
    text-align: center;
    padding: 15px 45px;
    margin-top: 45px;
    font-weight: 600;
color:#000;
}
#sysMain > div > div > section.narrow > div.narrow__contact > p.narrow__contact-txt{
margin-top: 35px;
    font-weight: 600;
}

#sysMain > div > div > section.narrow > div.narrow__contact > a:nth-child(4){
font-size: 20px;
    font-weight: 600;
}


/*footer*/ 

#christmas2024 > #sysAll > #sysFooter > div.xmasfooter > div > footer{
border-top: 2px solid #000;
    background: #fafaf7;
    padding: 55px 0;
}

#christmas2024 > #sysAll > #sysFooter > div.xmasfooter > div > footer > div{
max-width: 800px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

#christmas2024 > #sysAll > #sysFooter > div.xmasfooter > div > footer > div > div.footer__flex-txt > div.footer__flex-txt-img{
max-width: 218px;
}
#christmas2024 > #sysAll > #sysFooter > div.xmasfooter > div > footer > div > div.footer__flex-txt > div.footer__flex-txt-address{
text-align: left;
    margin-top: 55px;
    font-weight: 600;
    font-size: 14px;
}
#christmas2024 > #sysAll > #sysFooter > div.xmasfooter > div > footer > div > div.footer__flex-img{
    max-width: 205px;
}
#christmas2024  > #sysAll > #sysFooter > div.xmasfooter > div > footer > small{
   font-weight: 600;
}


/*****************************************

2024xmas 商品ページ

******************************************/


#giftset_xmas > #productfreearea > .sysExplanation > #sysExplanation,
#giftfirstspoonset_xmas  > #productfreearea > .sysExplanation > #sysExplanation,
#grandset_xmas  > #productfreearea > .sysExplanation > #sysExplanation{
max-width: 100%;
    margin: inherit;
}

#xmas24{
margin: 100px 0;
}
#xmas24 > section.hero{
background:url("/img/item/xmas/pc_firstimage6.jpg") no-repeat top center / cover;
padding: 70px 0 60px 0;
}


#xmas24 > section.hero > div.hero__img1{
max-width: 640px;
    margin: 0 auto;
}
#xmas24 > section.hero > h1{
font-size: 24px;
    margin: 50px 0;
}

#xmas24 > section.hero > p{
max-width: 400px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background: #DE5F59;
    padding: 15px 30px;
    border-radius: 10px;
}

#xmas24 > section.hero > p > span{
font-size: 30px;
}

#xmas24 > section.hero > div.hero__img2{
max-width: 410px;
    margin: 40px auto 0;
}

#xmas24 > section.story{
background:url("/img/item/xmas/pc_h1_bg.svg") no-repeat top center / cover;
position:relative;
}

#xmas24 > section.story::before{
position:absolute;
content:'';
width:120px;
height:110px;
background:url('/img/item/xmas/h1_illust3.png') no-repeat center / contain;
bottom: 100px;
    left: 100px;
}

#xmas24 > section.story::after{
position:absolute;
content:'';
width:200px;
height:180px;
background:url('/img/item/xmas/h1_illust4.png') no-repeat center / contain;
bottom: 100px;
right: 100px;
}


#xmas24 > section.story > h2{
padding-top: 120px;
    margin-bottom: 0;
    margin-top: 0;
position:relative;
}

#xmas24 > section.story > h2::before{
position:absolute;
content:'';
width:120px;
height:110px;
background:url('/img/item/xmas/h1_illust1.png') no-repeat center / contain;
top: 20px;
    left: -150px;
}

#xmas24 > section.story > h2::after{
position:absolute;
content:'';
width:195px;
height:230px;
background:url('/img/item/xmas/h1_illust2.png') no-repeat center / contain;
top: 20px;
    right: -250px;
}


#xmas24 > section.story > h2 > img:nth-child(1){
height: 30px;
    margin-bottom: 20px;
}
#xmas24 > section.story > h2 > img.forpc{
max-width: 420px;
}
#xmas24 > section.story > p.story__txt-title{
font-size: 20px;
    margin-top: 75px;
    margin-bottom: 45px;
    font-weight: 600;
}
#xmas24 > section.story > p.story__txt-content{
line-height: 2.5;
    font-weight: 500;
    padding-bottom: 235px;
}

#xmas24 > section.giftset{
max-width: 940px;
    margin: 0 auto;
}


#xmas24 > section.giftset > h2{
padding-top: 120px;
    margin-bottom: 0;
    margin-top: 0;
}


#xmas24 > section.giftset > h2 > img:nth-child(1){
height: 30px;
    margin-bottom: 20px;
}
#xmas24 > section.giftset > h2 > img.forpc{
max-width: 420px;
}
#xmas24 > section.giftset > h2 > img:nth-child(4){
margin-top: 20px;
    height: 20px;
}
#xmas24 > section.giftset > div.giftset__set{
margin-top: 95px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

#xmas24 > section.giftset > div.giftset__set > img{
    display: block;
    width: 45%;
}
#xmas24 > section.giftset > div.giftset__set > ul{
width: 45%;
    line-height: 2.5;
    font-weight: 500;
    font-size: 18px;
}
#xmas24 > section.giftset > div.giftset__set > ul > li.giftset__set-detail-small{
font-size: 16px;
}

#xmas24 > section.giftset > div.giftset__set-details{
margin-top: 80px;
}
#xmas24 > section.giftset > div.giftset__set-details > h3{
font-size: 18px;
    font-weight: 600;
    position: relative;
max-width: 400px;
    margin: 0 auto;
}
#xmas24 > section.giftset > div.giftset__set-details > h3::before{
position:absolute;
content:'';
width:30px;
height:30px;
background:url('/img/item/xmas/titlesnow.png') no-repeat center / contain;
top: 0px;
    left: -50px;
}

#xmas24 > section.giftset > div.giftset__set-details > h3::after{
position:absolute;
content:'';
width:30px;
height:30px;
background:url('/img/item/xmas/titlesnow.png') no-repeat center / contain;
top: 0px;
right: -50px;
}

#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-details-grid{
margin-top: 65px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-details-grid > li > img{
    border-radius: 10px;
}


#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-details-grid > li > p{
font-weight: 600;
    font-size: 18px;
}

#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-details-grid > li > a > button{
max-width: 150px;
    margin: 15px 0;
    padding: 10px 15px;
    border: none;
    background-color: #E8C767;
    border-radius: 10px;
    font-weight: 600;
color:#000;
}

#xmas24 > section.giftset > div.giftset__set-details > h3:nth-child(3){
margin-top: 115px;
}
#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-detils-tool{
display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
margin-top: 65px;
}

#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-detils-tool > li > img{
    border-radius: 10px;
}

#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-detils-tool > li > p.giftset__set-detils-tool-bold{
    font-weight: 600;
    font-size: 18px;
}
#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-detils-tool > li> p.giftset__set-detils-tool-desc{
font-size: 18px;
    font-weight: 500;
}
#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-detils-tool > li:nth-child(2) > img.giftset__set-detils-tool-motto{
width: 130px;
    margin-top: 18px;
}

#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-detils-tool > li:nth-child(3) > a > button{
max-width: 150px;
    margin: 15px 0;
    padding: 10px 15px;
    border: none;
    background-color: #E8C767;
    border-radius: 10px;
    font-weight: 600;
color:#000;
}
#xmas24 > section.giftset > div.giftset__set-details > div.giftset__set-details-material{
    margin-top: 80px;
    margin-bottom: 80px;
}

#xmas24 > section.giftset > div.giftset__set-details > div.giftset__set-details-material > h3{
font-size: 18px;
    font-weight: 600;
    position: relative;
max-width: 250px;
    margin: 0 auto;
}
#xmas24 > section.giftset > div.giftset__set-details > div.giftset__set-details-material > h3::before{
position:absolute;
content:'';
width:30px;
height:30px;
background:url('/img/item/xmas/titlesnow.png') no-repeat center / contain;
top: 0px;
    left: 0px;
}

#xmas24 > section.giftset > div.giftset__set-details > div.giftset__set-details-material > h3::after{
position:absolute;
content:'';
width:30px;
height:30px;
background:url('/img/item/xmas/titlesnow.png') no-repeat center / contain;
top: 0px;
right: 0px;
}

#xmas24 > section.giftset > div.giftset__set-details > div > img{
    display: block;
    max-width: 450px;
    margin: 50px auto;
}
#xmas24 > section.giftset > div.giftset__set-details > div > p:nth-child(3),
#xmas24 > section.giftset > div.giftset__set-details > div > p:nth-child(4){
font-weight: 500;
    font-size: 16px;
    line-height: 2;
}





#xmas24 > section.howtowish{
    padding: 95px 0;
background:url('/img/item/xmas/pc_xmasbg.svg') no-repeat center / cover;
margin-top: 40px;
}

#xmas24 > section.howtowish > h2 > img:nth-child(1){
height: 30px;
    margin-bottom: 20px;
}

#xmas24 > section.howtowish > h2 > img.forpc{
max-width: 420px;
}

#xmas24 > section.howtowish > p:nth-child(2){
margin-top: 20px;
    font-size: 20px;
    font-weight: 600;
}

#xmas24 > section.howtowish > p:nth-child(3){
margin-top: 70px;
    font-weight: 600;
    font-size: 20px;
}
#xmas24 > section.howtowish > img:nth-child(4){
max-width: 400px;
display: block;
    margin: 0 auto;
}
#xmas24 > section.howtowish > img:nth-child(5){
max-width: 620px;
    margin: 65px auto;
    display: block;
}


#xmas24 > section.color{
    max-width: 900px;
    margin: 0 auto;
}

#xmas24 > section.color > img{
margin-top: 75px;
    width: 110px;
}

#xmas24 > section.color > h2 > img:nth-child(1){
height: 30px;
    margin-bottom: 20px;
}

#xmas24 > section.color > h2 > img.forpc{
max-width: 420px
}

#xmas24 > section.color > p{
margin-top: 20px;
    font-size: 20px;
    font-weight: 600;
}

#xmas24 > section.color > div.color__flex{
display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
    flex-wrap: wrap;
margin-top: 65px;
}

#xmas24 > section.color > div > div.color__flex-item{
width: 28%;
    margin-right: 2%;
    margin-bottom: 2%;
}

#xmas24 > section.color > div > div.color__flex-item > div.color__flex-item-color{
display: flex;
    justify-content: flex-start;
    align-items: center;
}

#xmas24 > section.color > div > div.color__flex-item > div.color__flex-item-color > img{
    display: block;
    max-width: 85px;
}

#xmas24 > section.color > div > div.color__flex-item > div.color__flex-item-color > p{
font-weight: 600;
}

#xmas24 > section.color > div.color__flex-item > div.color__flex-item-color > p{
    font-weight: 500;
    line-height: 2;
}
#xmas24 > section.color > div > div:nth-child(1) > div > p{
    color: #E7DC77;
}
#xmas24 > section.color > div > div:nth-child(2) > div > p{
color: #E0DDC6;
}
#xmas24 > section.color > div > div:nth-child(3) > div > p{
color: #C8D49C;
}
#xmas24 > section.color > div > div:nth-child(4) > div > p{
color: #FEBCBE;
}
#xmas24 > section.color > div > div:nth-child(5) > div > p{
color: #94BECE;
}


#xmas24 > section.giftbox{
margin: 120px auto;
    max-width: 900px;
}
#xmas24 > section.giftbox > h2 > img:nth-child(1){
height: 30px;
    margin-bottom: 20px;
}

#xmas24 > section.giftbox > h2 > img.forpc{
max-width: 420px
}

#xmas24 > section.giftbox > p{
margin-top: 40px;
    font-weight: 600;
    font-size: 20px;
}

#xmas24 > section.giftbox > div{
display: flex;
    justify-content: space-evenly;
    align-items: center;
margin-top: 105px;
}

#xmas24 > section.giftbox > div > img{
display: block;
    max-width: 350px;
}

#xmas24 > section.giftbox > div > div{
text-align: left;
    margin-left: 40px;
}
#xmas24 > section.giftbox > div > div > p{
font-weight: 600;
    margin-bottom: 35px;
    font-size: 20px;
}
#xmas24 > section.giftbox > div > div > ol{
    font-weight: 500;
    line-height: 2;
}
#xmas24 > section.giftbox > div > div > ol > li{
    list-style: auto;
}

#xmas24 > section.present{
 max-width: 900px;
    margin: 85px auto;
    padding-top: 100px;
}

#xmas24 > section.present > h2{
position: relative;
}

#xmas24 > section.present > h2::before{
position:absolute;
content:'';
width:285px;
height:190px;
background:url('/img/item/xmas/111limitedflag.png') no-repeat center / contain;
top: -120px;
    left: -150px;
}

#xmas24 > section.present > h2 > img:nth-child(1){
height: 40px;
    margin-bottom: 20px;
}

#xmas24 > section.present > h2 > img.forpc{
max-width: 420px
}

#xmas24 > section.present > p{
font-weight: 600;
    font-size: 20px;
    margin-bottom: 90px;
}

#xmas24 > section.present > ul{
display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
}

#xmas24 > section.present > ul > li > img{
border-radius: 10px;
}
#xmas24 > section.present > ul > li> p.bold{
font-weight: 600;
    font-size: 18px;
}
#xmas24 > section.present > ul > li > p:nth-child(3){
    font-weight: 500;
}

#xmas24 > section.attention{
max-width: 900px;
    margin: 0 auto;
}

#xmas24 > section.attention > div.attention__title > h2{
font-size: 20px;
    font-weight: 600;
    letter-spacing: 1.2px;
}
#xmas24 > section.attention > div.attention__title > img.forpc{
max-width: 420px
}

#xmas24 > section.attention > div.attention__content{
margin-top: 65px;
}

#xmas24 > section.attention > div.attention__content > p{
    font-weight: 500;
    line-height: 2;
margin: 65px auto;
}
#xmas24 > section.attention > div.attention__content > img{
display: block;
    max-width: 500px;
    margin: 0 auto;
}

#xmas24 > section.howtoorder{
      max-width: 900px;
    margin: 130px auto;

}
#xmas24 > section.howtoorder > h2 > img:nth-child(1){
height: 30px;
    margin-bottom: 20px;
}

#xmas24 > section.howtoorder > h2 > img.forpc{
max-width: 420px
}

#xmas24 > section.howtoorder > div{
text-align: left;
    max-width: 600px;
    margin: 65px auto;
}
#xmas24 > section.howtoorder > div > ul{
font-weight: 500;
}
#xmas24 > section.howtoorder > div > ul > li{
line-height: 3;
position: relative;
}

#xmas24 > section.howtoorder > div > ul:nth-child(1) > li:nth-child(1)::before{
position:absolute;
content:'';
width:36px;
height:17px;
background:url('/img/item/xmas/Q.01.png') no-repeat center / contain;
top: 15px;
    left: -50px;
}

#xmas24 > section.howtoorder > div > ul:nth-child(1) > li:nth-child(2)::before{
position:absolute;
content:'';
width:36px;
height:17px;
background:url('/img/item/xmas/A.01.png') no-repeat center / contain;
top: 15px;
    left: -50px;
}

#xmas24 > section.howtoorder > div > ul:nth-child(2) > li:nth-child(1)::before{
position:absolute;
content:'';
width:36px;
height:17px;
background:url('/img/item/xmas/Q.02.png') no-repeat center / contain;
top: 15px;
    left: -50px;
}

#xmas24 > section.howtoorder > div > ul:nth-child(2) > li:nth-child(2)::before{
position:absolute;
content:'';
width:36px;
height:17px;
background:url('/img/item/xmas/A.02.png') no-repeat center / contain;
top: 15px;
    left: -50px;
}

#xmas24 > section.howtoorder > p.howtoorder__faq{
font-weight: 600;
}

#xmas24 > section.howtoorder > a > button{
max-width: 300px;
    margin: 15px 0;
    padding: 15px 30px;
    border: none;
    background-color: #E8C767;
    border-radius: 10px;
    font-weight: 600;
color:#000;
}

#xmas24 > section.howtoorder > img{
display: block;
    max-width: 75px;
    margin: 55px auto;
}
#xmas24 > section.howtoorder > p.howtoorder__review{
margin-top: 45px;
    font-weight: 600;
}

/*8set*/

#grandset_xmas >  #productfreearea > .sysExplanation > #sysExplanation > #xmas24 > section.hero{
background: url(/img/item/xmas/pc_firstimage8.jpg) no-repeat top center / cover;
}

/*7set*/
#giftfirstspoonset_xmas  > #productfreearea > .sysExplanation > #sysExplanation > #xmas24 > section.hero{
background: url(/img/item/xmas/pc_firstimage7.jpg) no-repeat top center / cover;
}



/*クリスマスバナー*/


#sysMain>div.sysFuncText.memberpoint >div>div.top_xmas_bannar {
  margin: 2rem auto;
  width: 100%;
  max-width: 100rem;
}

#sysMain>div.sysFuncText.memberpoint >div>div.top_xmas_bannar>a>img {
  width: 100%;
}


/*STP特集ページ*/

#smiletablewithiiwan{
    background: #FFFCEF;
}


#firstsection{
padding-top: 20rem;
}

#firstsection > h1{
max-width: 62rem;
    margin: 0 auto;
}

#firstsection > h1 > img{
width:100%;
}

#firstsection > p{
    margin: 5.5rem auto;
    text-align: center;
    font-size: 2rem;
    line-height: 3.2;
    font-weight: 600;
}

section.stpwrap{
margin-top: 8.5rem;
}
section.stpwrap> div:nth-child(1){
max-width: 5rem;
    margin: 0 auto;
}

section.stpwrap > h2{
    max-width: 30rem;
    margin: 3rem auto;
}

 section.stpwrap > p{
margin: 4rem auto;
    text-align: center;
    font-weight: 600;
}

 section.stpwrap > div.stp__container{
display: flex;
    justify-content: space-evenly;
    align-items: center;
}

section.stpwrap > div.stp__container > div{
max-width: 35rem;
}

section.stpwrap > div.stp__container > div > img{
    width: 100%;
    border-radius: 10px;
}

 section.stpwrap> div.stp__concept{
    margin: 3rem auto;
}

section.stpwrap > div.stp__concept{
    max-width: 75rem;
    margin: 3rem auto;
    background: #FCFBF4;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 25%);
padding: 5rem;
}

section.stpwrap > div.stp__concept > p.stp__concept-title{
text-align: center;
    font-weight: 600;
}

section.stpwrap.inner82-32 > div.stp__concept > p.stp__concept-txt{
    margin-top: 5rem;
}

section.stpwrap > div.stp__bottom{
margin: 3rem auto;
    max-width: 75rem;
}

section.stpwrap > div.stp__bottom > p{
    text-align: center;
font-weight: 500;
}

section.stpwrap > div.stp__bottom >a > div,
#sysMain > div.sysFuncText.stp_second > div > section > div.stp__bottom > div > a> div{
margin: 4rem auto;
    border: 1px solid #1a1a1a;
    width: fit-content;
    padding: 3rem;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 25%);
    background: #FCFBF4;
font-weight: 600;
}

#sysMain > div.sysFuncText.stp_second > div > section > div.stp__bottom > div{
display: flex;
    justify-content: space-around;
    align-items: center;
}

#allitems{
padding-top: 20rem;
    margin-top: -10rem;
}

#allitems > div{
    text-align: center;
}

#allitems > div > p{
position:relative;
width: fit-content;
    margin: 0 auto;
    font-size: 2rem;
    font-weight: 600;
}

#allitems > div > p::before{
position: absolute;
    content: "";
    top: .2rem;
    left: -1.5rem;
    width: .3rem;
    height: 3rem;
    background-color: #1a1a1a;
    border-radius: 1rem;
    transform: rotate(-30deg);
}

#allitems > div > p::after{
position: absolute;
    content: "";
    top: .2rem;
    right:-1.5rem;
    width: .3rem;
    height: 3rem;
    background-color: #1a1a1a;
    border-radius: 1rem;
    transform: rotate(30deg);
}

#allitems > div > h2{
margin-top: 2rem;
    font-size: 2.5rem;
    line-height: 1.5;
}

#allitems > div > h2 > img{
width: 10rem;
    vertical-align: top;
    margin-right: .5rem;
}

#allitems > ul{
margin-top: 9rem;
width: 100%;
  height: 100%;

}

/*#allitems > ul > div{
z-index: -1;
}
*/

#allitems > ul > div > div > li{
padding:0 8em;
max-width:50em;
}

#allitems > ul > div > div > li > a{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
margin:0 auto;
}



#allitems > ul > div > div > li > a > h3{
font-size: 2rem;
    text-align: center;
}

#allitems > ul > div > div > li > a > h3 > img{
width: 10rem;
margin:0 auto;
}

#allitems > ul > div > div > li > a > div.allitems__item-box-img{
display: flex;
    justify-content: space-around;
    align-items: center;
margin-top: 5rem;
}

#allitems > ul > div > div > > li > a > div.allitems__item-box-img > img{
    display: block;
width:45%;
}



#allitems > ul > div > div > li.allitems__item-box > a > div.allitems__item-box-desc{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#allitems > ul > div > div > li.allitems__item-box > a > div.allitems__item-box-desc > img{
display: block;
    margin-top: 3.5rem;
    width: 30rem;
}

#allitems > ul > div > div > li.allitems__item-box > a > div.allitems__item-box-desc > p{
font-weight: 500;
    line-height: 3rem;
}

#allitems > ul > div > div > li.allitemse__item-box > a > div.allitems__item-box-desc > img:nth-child(4){
width: 40rem;
}

#allitems > ul > button.slick-next{
right: 25%;
}

#allitems > ul > button.slick-prev{
left: 25%;
}

#allitems > ul > button.slick-next,
#allitems > ul > button.slick-prev{
    top: 55%;
}

#allitems > ul > div > div > li.allitems__item-box.slick-slide.slick-current.slick-active.slick-center{

}


#allitems > a{
    display: block;
    width: fit-content;
    margin: 2rem auto;
}

#allitems > a > p{
font-size: 2rem;
    font-weight: 600;
    border: 2px solid #1a1a1a;
    border-radius: 10px;
    padding: 2rem 3rem;
}



/**********************************************


2025 SMILETABLE LP


**********************************************/
#sysMain > div.sysFuncText.stp202502{
    background-color: #FAFFEE;
}

.in-width{
width:94rem;
margin: 0 auto;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02hero{
width: 100%;
height: 129rem;
background: top left / cover no-repeat url("/img/lp/smiletable2025/hero_pc.jpg");
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02hero > img{
text-align: center;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
max-width: 26rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02hero > h1{
text-align: center;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3.2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content{
position:relative;
background: left top / 100% 100% no-repeat url("/img/lp/smiletable2025/head_bg.png");
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > img{
position: absolute;
    top: 6rem;
    right: 10vw;
    max-width: 8.5rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div:nth-child(2){
    padding: 10.5rem 0;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-title{
    text-align: center;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-title > h2{
font-size: 3.2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-title > p{
font-weight: 600;
margin-top: 3rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-box{
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 6.4rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-box > div{
    background: #fff;
    filter: drop-shadow(5px 5px 5px #aaa);
    max-width: 28.9rem;
    height: 36.5rem;
    border-radius: 5px;
    padding: 1vw;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-box > div:nth-child(1) > div{
max-width: 3rem;
    margin: 2rem auto;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-box > div:nth-child(2) > div,
#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-box > div:nth-child(3) > div{
    max-width: 4rem;
    margin: 2rem auto;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-box > div > p.lp02content__container-box-item-ttl{
font-size: 2.4rem;
    text-align: center;
    color: #D5B857;
    font-weight: 600;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-box > div > p.lp02content__container-box-item-txt{
margin: 3rem 0;
    font-weight: 600;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div:nth-child(3){
position: relative;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div:nth-child(3) > img:nth-child(1){
max-width: 11.5rem;
    position: absolute;
    top: 0;
    left: -5vw;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div:nth-child(3) > img:nth-child(2){
max-width: 17rem;
    position: absolute;
    top: 0;
    right: -5vw;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item{
margin-top: 10rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
flex-wrap: nowrap;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item > div.lp02content__item-txt{
width: 50%;
    height: 50rem;
position: relative;
background: center / contain no-repeat url("/img/lp/smiletable2025/circle.png");
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item > div.lp02content__item-img{
width: 50%;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item > div.lp02content__item-txt > img{
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 13.5rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy{
margin-top: 10rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__img,
#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt{
    width: 50%;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt{
    padding-left: 10rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__img > img{
width:100%;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > h2{
font-size: 2.4rem;
    line-height: 1;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > h2 > img{
max-width: 9rem;
    margin-right: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > p.itembuy__txt-desc{
margin-top: 2.5rem;
    font-weight: 600;
    font-size: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > p.itembuy__txt-price{
margin-top: 3.5rem;
    font-size: 3.6rem;
    font-weight: 600;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > a > div{
margin-top: 5rem;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1;
    background-color: #E5D021;
    padding: 2rem 3rem;
    border-radius: 1rem;
    width: max-content;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > a > div > img{
max-width: 9rem;
    margin-right: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02point{
    margin-top: 10rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02point > h2{
margin: 0;
   font-size: 3.2rem;
    max-width: 100%;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02point > div{
position: relative;
margin-top: 7rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 50px;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02point > div.lp02point__container > div.lp02point__container-item> div.lp02point__container-item-img > img{
border-radius: 5px;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02point > div.lp02point__container > div.lp02point__container-item > p{
text-align: center;
    font-weight: 500;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02point.in-width > div > img{
position: absolute;
    bottom: 0rem;
    max-width: 15rem;
    left: -15vw;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review{
    margin-top: 10rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review > h2{
max-width: 100%;
    margin: 0 auto;
    font-size: 3.2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review> div{
    margin-top: 7rem;
display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 50px;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review >  div.lp02review__container > div.lp02review__container-item{
position:relative;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02review > div.lp02review__container > div.lp02review__container-item > p.lp02review__container-item-name{
    font-size: 2rem;
    line-height: 1;
    font-weight: 600;
height: 15rem;
    background-color: #E1EAB9;
    margin: 0;
    border-radius: 10px 10px 0 0;
    padding: 2rem 2rem 0;
    font-weight: 600;
    text-align: center;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review > div.lp02review__container > div.lp02review__container-item > p.lp02review__container-item-name > img{
    max-width: 9.2rem;
margin-right: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review >  div.lp02review__container  > div.lp02review__container-item > p.lp02review__container-item-txt{
height: 30rem;
    background-color: #E5D021;
    margin: 0;
    border-radius: 0 0 10px 10px;
    padding: 8rem 2rem 0;
    font-weight: 600;
}
#sysMain > div.sysFuncText.stp202502 > div > section.lp02review >  div.lp02review__container  > div.lp02review__container-item > p.lp02review__container-item-txt > span{
word-break: normal;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review >  div.lp02review__container  > div.lp02review__container-item  > img{
position: absolute;
    top: 2rem;
    max-width: 20rem;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 50%);
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color{
position: relative;
    margin-top: 10rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color > img{
    position: absolute;
    top: -15rem;
    max-width: 15rem;
    right: -15vw;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-title > h2{
    font-size: 3.2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-title > h3{
    margin-top: 3rem;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-title{
grid-area: 1 / 3 / 2 / 4;
    margin: 5rem auto;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-img{
grid-area: 1 / 1 / 3 / 3;
padding-top: 5rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-color{
grid-area: 2 / 3 / 3 / 4;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-color > p.lp02color__first-color-name{
font-size: 2.4rem;
    font-weight: 600;
    border-left: 13px solid #f2cd00;
    padding-left: 2rem;
    color: #f2cd00;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-color > p.lp02color__first-color-txt{
    font-size: 2rem;
    font-weight: 600;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second{
margin-top: 5rem;
display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second > div{
font-weight: 600;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second > div:nth-child(1) > p.lp02color__second-color-name{
    border-left: 13px solid #898989;
    padding-left: 2rem;
    color: #898989;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second > div:nth-child(2) > p.lp02color__second-color-name{
    border-left: 13px solid #f4b5b0;
    padding-left: 2rem;
    color: #f4b5b0;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second > div:nth-child(3) > p.lp02color__second-color-name{
    border-left: 13px solid #85c0ce;
    padding-left: 2rem;
    color: #85c0ce;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second > div:nth-child(4) > p.lp02color__second-color-name{
    border-left: 13px solid #aabb74;
    padding-left: 2rem;
    color: #aabb74;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow{
margin-top: 10rem;
padding-bottom: 10rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.lp02narrow__img > p{
text-align: right;
    padding-right: 5rem;
    font-weight: 500;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.lp02narrow__img > img.forpc{
width: 100%;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.lp02narrow__message > img{
display: block;
    max-width: 35rem;
    margin: 4rem auto;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.lp02narrow__message > p{
max-width: 94rem;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 2;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy{
margin-top: 10rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__img,
#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt{
    width: 50%;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt{
padding-left:10rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__img > img{
width:100%;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > h2{
font-size: 2.4rem;
    line-height: 1;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > h2 > img{
max-width: 9rem;
    margin-right: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > p.itembuy__txt-desc{
margin-top: 2.5rem;
    font-weight: 600;
    font-size: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > p.itembuy__txt-price{
margin-top: 3.5rem;
    font-size: 3.6rem;
    font-weight: 600;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > a > div{
margin-top: 5rem;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1;
    background-color: #E5D021;
    padding: 2rem 3rem;
    border-radius: 1rem;
    width: max-content;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > a > div > img{
max-width: 9rem;
    margin-right: 2rem;
}

/*footer*/ 

#jibundetaberu >  #sysAll > #sysFooter > div.xmasfooter > div > footer{
border-top: 2px solid #000;
  background-color: #FAFFEE;
    padding: 55px 0;
}

#jibundetaberu >  #sysAll > #sysFooter > div.xmasfooter > div > footer > div{
max-width: 800px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

#jibundetaberu >  #sysAll > #sysFooter > div.xmasfooter > div > footer > div > div.footer__flex-txt > div.footer__flex-txt-img{
max-width: 218px;
}
#jibundetaberu >  #sysAll > #sysFooter > div.xmasfooter > div > footer > div > div.footer__flex-txt > div.footer__flex-txt-address{
text-align: left;
    margin-top: 55px;
    font-weight: 600;
    font-size: 14px;
}
#jibundetaberu >  #sysAll > #sysFooter > div.xmasfooter > div > footer > div > div.footer__flex-img{
    max-width: 205px;
}
#jibundetaberu >  #sysAll > #sysFooter > div.xmasfooter > div > footer > small{
   font-weight: 600;
}


/**********************************************


2025 お盆LP


**********************************************/

#obonmain{
 background-color: #FFFFF9;
}

#obonhero > div.obonhero__pc.forpc > div{
    margin: 60px 140px;
    display: flex;
    position: relative;
}

#obonhero > div.obonhero__pc.forpc > div > div.obonhero__pc-flex-txt{
font-weight: 600;
    font-size: 2.5rem;
    z-index: 1;
line-height: 50px;
}

#obonhero > div.obonhero__pc.forpc > div > div.obonhero__pc-flex-txt > p{
margin: 0;
}

#obonhero > div.obonhero__pc.forpc > div > div.obonhero__pc--fleximg{
max-width: 70%;
    position: absolute;
    top: -50%;
    right: -10%;
}

#obonhero > div.obonhero__pc.forpc > div > div.obonhero__pc-flex-txt > a > button{
margin-top: 50px;
    background-color: #E7DC77;
    border: none;
    padding: 20px 40px;
    border-radius: 5px;
font-size:1.8rem;
       max-width: fit-content;
    line-height: normal;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

#obonstory{
height: 554px;
    background: url(/img/lp/obon/story_pc.jpg) no-repeat center / cover;
}

#obonstory > div{
padding: 90px;
    text-align: center;
}

#obonstory > div > h2{
font-weight: 600;
    font-size: 3.2rem;
}

#obonstory > div > p{
font-size: 20px;
    font-weight: 500;
    line-height: 38px;
    margin-top: 60px;
}

#obonintro{
background-color: rgba(231, 220, 119, 0.4);
}

#obonintro > div{
max-width: 1000px;
    margin: 0 auto;
    padding: 90px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 45px;
    grid-row-gap: 40px;
}

#obonintro > div > h2{
font-size: 3.2rem;
    grid-area: 1 / 2 / 2 / 3;
}

#obonintro > div > img{
display: block;
    max-width: 50rem;
    grid-area: 1 / 1 / 4 / 2;
    border-radius: 10px;
}

#obonintro > div > p{
grid-area: 2 / 2 / 4 / 3;
    font-size: 16px;
    font-weight: 500;
}

#obonadvance > div{
max-width: 1000px;
    margin: 0 auto;
    padding: 100px 0;
}

#obonadvance > div > h2{
font-size: 3.2rem;
    font-weight: 600;
    text-align: center;
}

#obonadvance > div > p{
    margin: 50px 0 85px;
    font-size: 1.8rem;
    text-align: center;
    font-weight: 500;
    line-height: 38px;
}

#obonadvance > div > div{
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
justify-content: space-evenly;
    align-items: flex-start;
}

#obonadvance > div > div > div{
max-width: 46rem;
}

#obonadvance > div > div > div> img{
border-radius: 10px;
}

#obonadvance > div > div > div > p{
    padding: 0 10px;
    font-size: 1.8rem;
    font-weight: 500;
}

#detail{
background-color: rgba(246, 229, 204, 0.5);
}

#detail > div{
max-width: 1000px;
    margin: 0 auto;
    padding: 110px 0;
}

#detail > div > h2{
font-size: 3.2rem;
    text-align: center;
}

#detail > div > div{
margin-top: 120px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
}

#detail > div > div > div{
width: 45%;
margin-bottom: 45px;
}

#detail > div > div > div > img{
    display: block;
    border-radius: 10px;
}

#detail > div > div > div > p{
font-size: 1.8rem;
    font-weight: 500;
    padding: 0 10px;
}


#obonoffer1 > div,
#obonoffer2 > div{
max-width: 1000px;
    margin: 0 auto;
    padding: 110px 0;
}

#obonoffer1 > div > h2,
#obonoffer2 > div > h2{
font-size: 3.2rem;
    text-align: center;
}

#obonoffer1 > div > div{
    margin-top: 120px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 45px;
    grid-row-gap: 0px;
}

#obonoffer1 > div > div > img{
display: block;
    grid-area: 1 / 1 / 6 / 2;
    border-radius: 10px;
}

#obonoffer1 > div > div > h3{
grid-area: 1 / 2 / 2 / 3;
    font-size: 2rem;
    font-weight: 600;
    margin-top: 10px;
}

#obonoffer1 > div > div > p{
    grid-area: 2 / 2 / 5 / 3;
    font-size: 1.8rem;
    font-weight: 500;
}

#obonoffer1 > div > div > a > button{
grid-area: 5 / 2 / 6 / 3;
    max-width: fit-content;
    border: none;
    border-radius: 5px;
    background: #E7DC77;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    font-size: 1.8rem;
    font-weight: 600;
    padding: 20px 40px;
}

#obonreview{
background-color: #E7E4DA;
}

#obonreview > h2{
    background: url(/img/lp/obon/voice_header.jpg) no-repeat top / cover;
    max-width: 100%;
    height: 600px;
    margin: 0 0 100px;
padding-top: 100px;
font-weight: 600;
    font-size: 3.2rem;
    text-align: center;
}

#obonreview > div{
    padding-bottom: 100px;
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 45px;
    grid-row-gap: 0px;
}

#obonreview > div > p.obonreview__wrap-ttl{
grid-area: 1 / 2 / 2 / 3;
    margin: 10px 0;
    font-weight: 600;
    font-size: 2.4rem;
}

#obonreview > div > p.obonreview__wrap-txt{
    grid-area: 2 / 2 / 4 / 3;
    font-weight: 500;
    font-size: 1.8rem;
}

#obonreview > div > img{
    display: block;
    grid-area: 1 / 1 / 4 / 2;
    border-radius: 10px;
}

#about > div{
max-width: 1000px;
    margin: 0 auto;
    padding: 110px 0;
}

#about > div > h2{
font-size: 3.2rem;
    text-align: center;
}

#about > div > div.about__wrap-pc.forpc{
    margin-top: 100px;
display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}

#about > div > div.about__wrap-pc.forpc > div.about__wrap-pc-left{
width:45%;
}

#about > div > div.about__wrap-pc.forpc > div.about__wrap-pc-left > img.about__wrap-pc-image{
    display: block;
  margin: 40px 0;
border-radius:10px;
}

#about > div > div.about__wrap-pc.forpc > div.about__wrap-pc-left > img.about__wrap-pc-image:first-child{
    max-width: 24rem;
    margin: 0 auto;
border-radius:0;
}

#about > div > div.about__wrap-pc.forpc > div.about__wrap-pc-right{
width: 45%;
}

#about > div > div.about__wrap-pc.forpc > div.about__wrap-pc-right > p.about__wrap-pc-ttl{
font-size: 2rem;
    font-weight: 600;
    margin-bottom: 40px;
}

#about > div > div.about__wrap-pc.forpc > div.about__wrap-pc-right > p.about__wrap-pc-txt{
    font-size: 1.8rem;
    font-weight: 500;
    margin: 0 0 50px;
}

#about > div > div.about__wrap-pc.forpc > div.about__wrap-pc-right > p:nth-child(6){
margin-bottom: 20px;
}

#obonclose > h2{
    margin: 0;
}

#obonclose > div{
max-width: 1000px;
    margin: 0 auto;
    padding: 110px 0;
}

#obonclose > div > p.obonclose__wrap-ttl{
font-size: 2.2rem;
    font-weight: 600;
    text-align: center;
}

#obonclose > div > p.obonclose__wrap-txt{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    margin-top: 50px;
}

#obonoffer2{
background-color: rgba(246, 229, 204, 0.5);
}

#obonoffer2 > div > div{
    margin-top: 60px;
display: flex;
    justify-content: center;
    flex-direction: column;
align-items: center;
}


#obonoffer2 > div > div > img{
display: block;
    max-width: 53rem;
    margin: 20px auto;
    border-radius: 10px;
}

#obonoffer2 > div > div > h3{
font-size: 2rem;
    margin: 15px 0 70px;
}

#obonoffer2 > div > div > a > button{
 max-width: fit-content;
    border: none;
    border-radius: 5px;
    background: #E7DC77;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    font-size: 1.8rem;
    font-weight: 600;
    padding: 20px 40px;
}


/*footer*/ 

#kazokudeobon >  #sysAll > #sysFooter > div.xmasfooter > div > footer{
border-top: 1px solid #E7DC77;;
background-color: #FFFFF9;
    padding: 55px 0;
}

#kazokudeobon >  #sysAll > #sysFooter > div.xmasfooter > div > footer > div{
max-width: 800px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

#kazokudeobon >  #sysAll > #sysFooter > div.xmasfooter > div > footer > div > div.footer__flex-txt > div.footer__flex-txt-img{
max-width: 218px;
}
#kazokudeobon >  #sysAll > #sysFooter > div.xmasfooter > div > footer > div > div.footer__flex-txt > div.footer__flex-txt-address{
text-align: left;
    margin-top: 55px;
    font-weight: 600;
    font-size: 14px;
}
#kazokudeobon >  #sysAll > #sysFooter > div.xmasfooter > div > footer > div > div.footer__flex-img{
    max-width: 205px;
}
#kazokudeobon >  #sysAll > #sysFooter > div.xmasfooter > div > footer > small{
   font-weight: 600;
}
@media screen and (max-width:767px){
.sysDisplayMobileNone {
  display: none !important;
}



/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
#sysWrap {
        margin-top: 0px;
        padding-top: 0rem;
}

#sysMain {
  width: 100% !important;
}

.sysMypage #sysWrap,
.sysMemberRegister #sysWrap {
  margin: 0px auto;
  overflow: hidden;
padding: 0px 10px 30px !important;
}

#sysFormIndex div#sysMain,
#sysFormConfirm div#sysMain,
#sysFormThanks div#sysMain {
  width: 98% !important;
  padding: 12rem 10px 30px !important;
  margin: 10px auto;
}

.sysCart #sysMain,
.sysMypage div#sysMain,
.sysMemberRegister #sysMain,
#sysItemSearch div#sysMain {
  width: 98% !important;
  padding:12rem 10px 30px !important;
  margin: 0 auto;
}

.sysCart #sysMain {
  width: 94% !important;
  padding: 12rem 0 !important;
  margin: 0px auto;
}

.sysFormField label {
  display: block;
}

#sysFormIndex .txtBlock {
  text-align: left;
}

#sysMain {
  margin-top: 0;
}

.grid-col {
  float: none;
  width: 100% !important;
  margin-left: 0;
}


/* Category Pankuzu */
.sysItemCategoryPankuzu {
  font-size: small;
  font-weight: 500;
}

/* Archive Thumbnail Item */
.sysItemList ul.sysThumbnail {
  font-size: small;
}

.sysItemList ul.sysThumbnail input {
  font-size: x-small;
}

/* Order Area */
.orderArea {
  letter-spacing: normal;
}

.orderArea>div {
  width: 100%;
  padding-right: 0;
  float: none;
}

/*header検索ボックス*/
.h_search {
  margin-top: 30px;
}

/***********************************
  商品詳細ページ
***********************************/
#sysItemDetail #sysMain {
  max-width: 450px;
  width: 90% !important;
padding-top:12rem;
}

.sysItemList ul.sysThumbnail li {
  width: 50% !important;
}

.sysItemName a {
  font-size: 12px;
}

/*商品名*/
#sysItemDetail .sysItemName h1 {
  font-size: 20px;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

#sysItemDetail .sysForm select {
  height: 30px;
  text-align: center;
}

#sysItemDetail .sysSelectionDescription {
  margin: 5px 0 10px;
}

#sysItemDetail #sysNumber {
  text-align: right;
}

/*数量増減*/
#sysItemDetail .sysNumArea button {
  width: 35%;
}

/*PRアイコン(商品カテゴリーページ)*/
#sysItemCategory #sysMain {
  padding: 5px;
}

.sysItemPrArea span {
  width: 48%;
  padding: 3px 0px;
  font-size: 10px;
}

#sysItemCategory input[type=submit] {
  margin-top: 0px;
}

.sysAddSelection {
  font-size: 12px;
}

.sysSelectionDescription {
  font-size: 10px;
}

/*PRアイコン(商品詳細ページ)*/
.sysPr {
  margin-top: 10px;
}

.sysPr span {
  width: 49%;
  font-size: 16px;
}

#sysItemDetail .sysForm select {

  display: inline-block;
  float: right;
}

#sysItemDetail .sysNumber select {
  min-width: 100px;
}

#sysItemDetail {
  padding-bottom: 40px;
}

/*商品ページ用おすすめ商品*/
.itempage_recommend .sysItemBlock .sysHorizontal li {
  width: 50%;
  padding: 0 5px;
  margin-bottom: 20px;
}

.itempage_recommend .sysItemName {
  font-size: 12px;
}

.itempage_recommend .sysItemPrice {
  font-size: 11px;
}

/*for demo 2017/01/12*/
.sysExplanation {
  float: none;
  width: 100%;
}

span.sp_newline {
  display: block
}

/***********************************
  カート情報
***********************************/
#cartInfo {
  display: none;
}


/***********************************
  ログイン情報
***********************************/
.h_login .sysHeadline,
.h_search .sysHeadline {
  text-align: center;
  font-size: 18px;
  margin-bottom: 10px;
}

.h_login .sysContent {
  text-align: center;
}

.h_login .sysFormItem {
  margin-bottom: 10px;
}

.h_login .sysFormLabel {
  display: block;
  font-size: 12px;
  height: 20px;
  text-align: left;
  margin-bottom: 3px;
}

.h_login .sysLoginButton {
  width: 100%;
  margin: 10px 0%;
  border-radius: 5px;
  background: #000;
  font-size: 15px;
  height: 35px;
  line-height: 10px;
  color: #fff;
}

.h_login li {
  border: 1px solid #444;
  margin-bottom: 10px;
  font-size: 15px;
  height: 35px;
  line-height: 32px;
  text-align: center;
  border-radius: 5px;
}

.h_login li a {
  font-size: 12px;
  padding: 0px 5px 5px 0px;
}



/***********************************
  共通パーツ
***********************************/
.sysTitle {
  width: 100%;
  margin: 30px auto !important;
  position: relative;
  text-align: center;
  font-size: 13px;
  letter-spacing: auto;
}

.sysTitle b {
  display: block;
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}

.sysTitle span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 10px 0 20px;
  text-align: center;
  font-weight: bold;
}

.sysTitle::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #222222;
}

.sysHeadline {
  width: 95%;
  margin: 30px auto !important;
  position: static;
  font-size: 20px;
  letter-spacing: 3px;
}

.sysHeadline b {
  width: 100%;
  display: block;
  font-size: 10px;
  text-align: center;
  border-top: 1px solid #222222;
  padding: 0 80px;
  margin-top: 3px;
  padding-top: 5px;
}

.sysTitle span,
.sysHeadline span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: transparent;

}

.sysTitle::before,
.sysHeadline::before {
  height: 0px;
}

.contentsWrap {
  width: 90%;
  margin: 0 auto;
}

.sysCart .header_h1_under,
.sysOpcBody .header_h1_under {
  float: none;
  width: 100%;
  height: auto;
  background-color: transparent;
}

.sysCart .header_h1_under a,
.sysOpcBody .header_h1_under a {
  display: block;
  width: 120px;
  margin: 0 auto;
}



/***********************************
  特商法テーブルレイアウト
***********************************/
.p-law .sysTitle {
  width: 90%;
}

#main_tradelaw,
.main_tradelaw {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 30px;
  border: 0px solid #ddd;
}

#main_tradelaw dl,
.main_tradelaw d {
  width: 100%;
  background: #ededed;
  border-bottom: 0px dotted #bfbfbf;
  overflow: hidden;
}

#main_tradelaw dl:after,
.main_tradelaw dl:after {
  display: block;
  content: "";
  clear: both;
}

#main_tradelaw dt,
.main_tradelaw dt {
  width: 100%;
  padding: 15px 0 15px 20px;
  float: none;
  clear: both;
  font-weight: bolder;
}

#main_tradelaw dd,
.main_tradelaw dd {
  margin-left: 0px;
  padding: 15px;
  background: #fff;
}

.shipFee {
  max-width: 1100px;
  margin: 20px auto
}

.shipFee .tableTitle {
  text-align: center;
  font-size: 12px;
}

table.shipFeeTable {
  width: 100%;
  margin: 0%;
  border-collapse: collapse;
  margin-bottom: 30px;
  text-align: left;
  line-height: 1.5;
}

.spThead {
  display: block;
}

.pcThead {
  display: none;
}

table.shipFeeTable thead th {
  font-size: 12px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  color: #fff;
  text-align: left;
}

table.shipFeeTable tbody th {
  font-size: 12px;
  display: block;
  width: 100%;
  border: 0px solid #ddd;
}

table.shipFeeTable tbody .sum {
  position: relative;
  padding: 25px 10px;
  text-align: center;
}

table.shipFeeTable tbody .sum i {
  position: absolute;
  color: #888;
  font-size: 35px;
  left: 0;
  right: 0px;
  margin: auto;
  bottom: -20px;
  z-index: 20;
}

table.shipFeeTable td {
  display: block;
  width: 100%;
  vertical-align: top;
  border: 0px;
}

table.shipFeeTable b {
  color: #D42E30;
  display: inline-block;
  padding: 0 3px;
  font-size: 1.2em;
}



/***********************************
  お買物ガイド
***********************************/
.indexList li {
  padding: 3px 5px;
  font-size: 12px;
}

.guideBlock {
  padding-top: 0;
  margin-top: 30px;
}

/***********************************
  ご利用ガイド
***********************************/
.f_guide {
  margin-top: 30px;
}

.f_guide .sysContent {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.f_guide .Title {
  font-size: 20px;
  text-align: center;
  padding: 20px 0 0px;
}

.f_guide .guideBlock {
  width: 95%;
  margin: 50px 2.5%;
  display: block;
  padding: 30px 0px 5px;
  border: 1px solid #424242;
  border-radius: 10px;
  position: relative;
}

.f_guide .guide01 {
  padding-right: 0px;
}

.f_guide .guide02 {
  padding-left: 0px;
}

.f_guide .guideTitle {
  width: 200px;
  margin: auto;
  text-align: center;
  margin-bottom: 10px;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  background: #fafaf7;
  font-size: 15px;
}

.f_guide p {
  font-size: 15px;
  line-height: 20px;
  margin: 5px 0 !important;
  text-align: left;
  padding: 0 10px 0 15px;
}

.f_guide img {
  width: 100%;
}

.f_guide .mt {
  margin-top: 10px;
}

.f_guide .smaller {
  font-size: 12px;
}

.f_guide a.f_guide_btn {
  margin: 20px auto;
  float: none;
}

.f_guide .freedial {
  font-size: 30px;
}


/* カート内商品数表示*/
button.itemCount2 {
  display: none;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: rgba(207, 15, 42, 0.9);
  border: none;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  text-align: center;
  line-height: 15px;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
}

/*商品購入ステップ*/
.steps ul {
  width: 350px;
}

.steps li {
  float: left;
  padding: 0 6px;
  height: 150px;
}

.steps li a {
  height: 150px !important;
}

.steps li img {
  height: 150px;
}

@media screen and (max-width: 350px) {

  /*商品購入ステップ*/
  .steps ul {
    width: 275px;
  }

  .steps li {
    float: left;
    padding: 0 2px;
    height: 100px;
  }

  .steps li a {
    height: 100px !important;
  }

  .steps li img {
    height: 100px;
  }
}

/* 決済ページ*/
#sysPayment #sysWrap,
#sysConfirm #sysWrap,
#sysThanks #sysWrap,
#sysCartError #sysMain {
  width: 95% !important;
  margin-left: 2.5%;
}

#sysBillingAddress form {
  width: 95%;
  padding: 30px 20px;
  margin: 0 auto;
}

#sysPayment #sysMain .sysFormLabel {
  line-height: 10px;
}

#sysDestination #sysMain {
  width: 95%;
  border: 1px solid #aaa;
  padding: 20px 20px !important;
  margin: 30px auto;
}

/***********************************
  マイページ
***********************************/
.sysMypage .sysMypageNav form {
  width: 100% !important;
}

/***********************************
  新規会員登録
***********************************/
#sysMemberRegisterIndex .sysNextSubmit {
  width: 100%;
  float: none;
  margin-right: 0%;
  border-radius: 5px;
  height: 50px;
  font-size: 15px;
}

#sysMemberRegisterIndex .sysButton[type="submit"] {
  width: 100%;
  float: none;
  margin-right: 0%;
  border-radius: 5px;
  height: 50px;
  font-size: 15px;
  margin-top: 0px;
}

#sysMypageLogin .sysLoginButton {
  width: 100%;
  float: none;
  margin-right: 0%;
}

#sysMypageLogin .sysButton {
  width: 100%;
  margin-left: 0%;
  margin-top: 0px;
}

/***********************************
  カートページ
***********************************/
/*ドメイン*/
.sysAcceptDomainArea .sysAcceptDomain a {
  padding: 0;
  font-size: 10px;
}

/***********************************
  ボタンデザイン
***********************************/
.common_btn {
  margin: 20px auto 30px;
}



/***********************************
  ワンページカート
***********************************/
/*情報入力ページ調整*/
.sysOpcBody .header_wrap {
  border-bottom: none;
}

.sysOpcBody img {
  max-width: 100%;
}

.sysOpcBody div#sysWrap {
  margin: 20px auto 0;
}

.sysCart #sysMain,
.sysOpcBody #sysMain {
  border: none;
}

.sysOpcBody div#sysMain {
  padding: 0 3%;
  margin-bottom: 0;
padding-top:10rem;
}

.opcCommonInputSelect,
.opcCommonButton {
  /*width: 49% !important;*/
}

.opcConfirm_inputStatus,
.opcConfirm_inputStatus_disable,
.opcConfirm_order,
.opcConfirm_order_disable {
  width: 94% !important;
}

.opcConfirm_inputStatus {
  margin-bottom: .5em;
}

.opcItem_increaseNumButton_edit,
.opcItem_decreaseNumButton_edit {
  width: 40px !important;
}

.opcCommonButtonGroup {
  margin-top: 1em;
}

.opcBillingAddress_genderMaleAndLabelGroup_edit,
.opcBillingAddress_genderFemaleAndLabelGroup_edit {
  width: 30% !important;
}

.opcBillingAddress_prefState_edit {
  margin: 5px 0;
  width: 100% !important;
}

.opcBillingAddress .opcCommonReferenceLabel {
  width: 70px;
  display: inline-block;
  position: relative;
}

.opcBillingAddress .opcCommonReferenceLabel::after {
  position: absolute;
  right: 0;
}

.opcDeliveryMethod .opcCommonReferenceLabel {
  width: 123px;
  display: inline-block;
  position: relative;
}

.opcDeliveryMethod .opcCommonReferenceLabel::after {
  position: absolute;
  right: 0;
}

.opcBillingAddress_addressGroup {
  width: calc(100% - 80px) !important;
}

.opcRemarks_remark_edit {
  width: 100% !important;
}

.opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup .opcCommonButton {
  margin: 0 0 .5em !important;
  width: 100% !important;
}

.opcOrderSummary_totalPriceLabel {
  font-size: 14px !important;
}

/*完了ページ調整*/
#sysThanks #sysMain {
  width: 100% !important;
  padding: 0 !important;
}


/*購入手順フロー*/

#sysOpc > div.opcFreeAreaHeader > div.cart__flow-pc{
display:none;
}

#sysOpc > div.opcFreeAreaHeader > div.cart__flow-sp{
display:block;
    margin: 3rem 0;
}


/*******************************************************
ここから自作
***********************************************************/
/*トップページ2025*/
#header25{
left: 0;
right: 0;
max-width: 100vw;
}


#header25 > div.header25__gnav{
transition: transform 0.5s;
border-bottom: 2px solid #1a1a1a;
height: 6rem;
}

#header25 > div.header25__gnav.hide{
 transform: translateY(-100%);   
  opacity: 0;
height:0;
border-bottom:none;
}

#header25 > div > a > h1{
width: 8rem;
    margin-left: 2rem;
}

#header25 > div > ul {
margin-right: 1rem;
    align-items: flex-start;
}

#header25 > div > ul > li > a > img{
width: 1.5em;
}

#header25 > div > ul > li > a > p{
    font-size: 0.5em;
margin: 1rem 0 0 0;
padding:0;
}


#header25 > div > ul > li.header25__gnav-menu-hamburger > div{
width: 1.5em;
        height: 1em;
}
#header25 > div > ul > li.header25__gnav-menu-hamburger > p{
    font-size: 0.5em;
margin: 1.5rem 0 0 0;
    padding-top: .3rem;
}

#header25 > div > ul > li.header25__gnav-menu-hamburger > div > span:nth-child(1){
top: .3em;
}


#header25 > div > ul > li.header25__gnav-menu-hamburger > div > span:nth-child(2){
top: 0.8em;
}

#header25 > div > ul > li.header25__gnav-menu-hamburger > div > span:nth-child(3){
bottom: -0.5em;
}


#header25 > ul{
    position: relative;
    justify-content: space-evenly;
    width: 100%;
height: 6rem;
}

#header25 > ul > li{
width: 3rem;
}

#header25 > ul > li > a > img{
width: 100%;
}

#header25 > ul > li> a > p{
display:none;
}

#header25 > div > ul > li.header25__gnav-menu-hamburger.active > div > span:nth-child(3){
top: 3.7rem;
}


/*ナビリスト*/


#header25 > nav.is-active {
  pointer-events: auto;
  opacity: 0.99;
padding: 8rem 0;
}

#header25 > nav>ul.list1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 2px;
  border-bottom: 1px solid #1a1a1a;
  margin-left: 0rem;
  margin-top: 0rem;
margin-bottom: 0;
    padding-bottom: 0;
}

#header25 > nav>ul.list1>li {
  margin: 2rem 0;
}

#header25 > nav>ul.list1>li:nth-child(2) {
  margin-bottom: 4rem;
}



#header25 > nav>ul.list1>li>a>img {
  width: 5rem;
  height: auto;
}

#header25 > nav>ul.list1>li a::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #000000;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}

#header25 > nav>ul.list1>li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

#header25 > nav>ul.list1>li:nth-child(1)>a>img {
  vertical-align: middle;
  margin-right: 2rem;
}

#header25 > nav>ul.list1>li:nth-child(2)>a>img {
  vertical-align: middle;
  margin-right: 2rem;
}

#header25 > nav>ul.list2 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-left: 5rem;
  margin-top: 4rem;
    margin-bottom: 4rem;
}

#header25 > nav>ul.list2>li {
margin-bottom: 1rem;
}

#header25 > nav>ul.list2>li:nth-child(3) {
  margin-right: 0;
}

#header25 > nav>ul.list3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  margin-left: 5rem;
}

#header25 > nav>ul.list3>li {
  margin-right: 6rem;
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
}

#header25 > nav>ul.list3>li:nth-child(3) {
  margin-right: 0;
}

#header25 > nav>div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  font-size: 1.5rem;
  font-weight: 600;
  margin-left: 5rem;
}

#header25 > nav>div>div::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: 2rem;
}

#header25 > nav>div>ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}

#header25 > nav>div.navContact>ul>li {
  margin-left: 2.5rem;
  background: #1a1a1a;
  border-radius: 5rem;
  padding: 0.5rem 1.5rem;
}

#header25 > nav>div.navContact>ul>li:nth-child(1) {
  margin-bottom: 1rem;
}

#header25 > nav>div.navContact>ul>li>a {
  color: #fff;
}

#header25 > nav>div.english {
  margin-top: 2rem;
  font-size: 1.5rem;
  margin-bottom: 5rem;
}

#header25 > nav>div.sns {
  position: absolute;
  top: 12rem;
  right: 2.5rem;
}

#header25 > nav>div.sns>ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#header25 > nav>div.sns>ul>li {
  margin-bottom: 2rem;
}

#header25 > nav>div.sns>ul>li>a>img {
  width: 3rem;
  height: 3rem;
}

.inner82-32{
margin:0 5vw;
}

#hero > div{
height: auto;
padding-top: 12rem;
padding-left: 0px;
}

#hero > div > div > div{
 padding-left: 0px;
}


#recentnews{
margin: 2rem 5vw 0;
}

#recentnews > div > h2{
width: 3.5rem;
}

#sysMain > div.sysFuncInformation.recentnews__news-txt > div > nav{
margin: 1.5rem 5vw;
 max-width: 90vw;
}


#sysMain > div.sysFuncInformation.recentnews__news-txt > div > nav > ul > li{
margin-top: 0;
}

#sysMain > div.sysFuncInformation.recentnews__news-txt > div > nav > ul > li> a{
font-size: 1.6rem;
}



#sysMain > div.sysFuncText.recentnews__cam > div > div > a> img{
width: 100%;
}

#sysMain > div.sysFuncText.recentnews__cam > div > div{
    width: 100%;
    flex-direction: column;
margin: 5.7rem auto 2rem;
justify-content: center;
}

#sysMain > div.sysFuncText.recentnews__cam > div > div > a{
    max-width: 30rem;
width:100%;
}



.recentnews__news-txt ul li a{
white-space: inherit;
}

#sysMain > div.sysFuncInformation.recentnews__news-txt > div > nav > ul > li > a::after{
top: inherit;
}

#conceptwish{
margin: 5.5rem 5vw 0;
margin-top: 0;
    padding-top: 0;
}

#conceptwish > div > div > img{
    width: 3.5rem;
}

#conceptwish > div > h2{
margin-top: .5rem;
}

#conceptwish > p.conceptwish__txt{
text-align: left;
    line-height: normal;
margin: 2.5rem 0;

}

#conceptwish > p.conceptwish__from{
    text-align: right;
}

#smiletable{
margin: 3rem 5vw;
    border-radius: 1rem;
}

#smiletable > div.smiletable__main{
padding: 2.5rem 0 0;
}

#smiletable > div.smiletable__main > h2{
max-width: 22rem;
}

#smiletable > div.smiletable__main > p.smiletable__main-txt1{
    margin: 3rem 5vw;
line-height: normal;
}

#smiletable > div.smiletable__main > div.smiletable__img1.forsp{
margin-left: -5vw;
    overflow: hidden;
}

#smiletable > div.smiletable__main > p.smiletable__main-txt2{
    margin: 0 5vw;
line-height: normal;
}

#smiletable > div.smiletable__main > div.smiletable__img2.forsp{
max-width: 25rem;
    margin-left: auto;
    margin-right: -5vw;
    overflow: hidden;
}

#itemslide{
margin: 5.5rem 5vw;
margin-top: 0;
    padding-top: 0;
}

#itemslide > div > p{
font-size: 1.4rem;
    font-weight: 500;
}

#itemslide > div > p::before{
width: .2rem;
    height: 2rem;
}

#itemslide > div > p::after{
width: .2rem;
    height: 2rem;
}



#itemslide > div > h2{
font-size: 1.6rem;
}

#itemslide > div > h2 > img{
width: 6rem;
}

#itemslide > ul{
margin-top: 5.5rem;
 }

#itemslide > ul > button.slick-prev{
left:0;
}

#itemslide > ul > button.slick-next{
right:0;
}

#itemslide > ul > div > div.slick-track{
    padding: 0px;
}


#itemslide > ul > div > div > li{
    padding: 0;
}



#itemslide > ul > div > div > li > a > h3{
font-size: 1.6rem;
}

#itemslide > ul > div > div > li > a > h3 > img{
width: 6rem;
}

#itemslide > ul > div > div > li > a > div.itemslide__item-box-img{
margin-top: .5rem;
justify-content: center;
}

#itemslide > ul > div > div > li.itemslide__item-box.slick-slide.slick-current.slick-active.slick-center > a > div.itemslide__item-box-img > img{
max-width: 15.3rem;
}

#itemslide > ul > div > div > li.itemslide__item-box > a > div.itemslide__item-box-desc{
    margin: 0 5vw;
}


#itemslide > ul > div > div > li.itemslide__item-box > a > div.itemslide__item-box-desc > img{
width: 100%;
    max-width: 20rem;
margin-top: .5rem;
}

#itemslide > ul > div > div > li> a > div.itemslide__item-box-img > img{
max-height:15rem;
width: 45%;
}

#itemslide > ul > div > div > li.itemslide__item-box > a > div.itemslide__item-box-desc > p{
font-size: 1.4rem;
    line-height: normal;
}


#itemslide > a{
    margin: 4rem auto;
}

#itemslide > a > p{
padding: 1rem 2rem;
    font-size: 1.6rem;
}

#giftsets{
margin-top: 0;
    padding-top: 0;
margin-bottom:0;
}

#giftsets > div.giftsets__social > p{
font-size: 14px;
}


#giftsets > div.giftsets__title > div{
width: 3.5rem;
}

#giftsets > div.giftsets__title > h2{
font-size: 1.6rem;
margin-top: .5rem;
}

#giftsets > div.giftsets__title > h2 > img{
width: 6rem;
}

#giftsets > ul{
margin-top: 3rem;
justify-content: space-around;
align-items: flex-start;
}

#giftsets > ul > li{
width: 45%;
    margin-bottom: 3rem;
}

#giftsets > ul > li > a > p{
font-size: 1.4rem;
}

#giftsets > ul > li > a >img:nth-child(3){
    width: 100%;
    max-width: 8rem;
}

#giftsets > ul > li > a > h3{
font-size: 1.4rem;
}

#giftsets > div.giftsets__more > a{
    max-width: 32rem;
margin: 2rem auto;
padding: 0 5vw;
}

#giftsets > div.giftsets__more > a > img{
width:100%;
}

#giftsets > div.giftsets__more > p{
font-size: 1.4rem;
}

#sysMain > div.sysFuncText.safe{
    border-radius: 1rem;
margin: 0 5vw;
}


#safe{
padding-top: 3rem;
}

#safe > div.safe__title > div > img{
width: 7.5rem;
}

#safe > div.safe__title > h2{
font-size: 1.6rem;
    margin-top: .5rem;
}

#safe > p{
margin: 1.5rem 0;
    font-size: 1.4rem;
    font-weight: 500;
}

#safe > div.safe__container{
    flex-direction: column;
    margin: .5rem 0;
}

#safe > div.safe__container > div{
    margin: 0 auto;
}


#safe > div.safe__container > div> p.safe__container-box-txt{
font-size: 1.4rem;
    line-height: 20px;
min-height: fit-content;
}
#safe > div.safe__container > div> a > p.safe__container-box-bttn{
    font-size: 1.2rem;
}

#safe > div.safe__container > div> p.safe__container-box-bttn::after{
top: .5rem;
    width: 1rem;
    height: 1rem;
}

#stp{
margin: 6.5rem auto 0;
}



#stp > a > h2{
max-width: 27rem;
    margin: 0 auto;
}

#stp > div{
    flex-direction: column;
margin: 3.5rem auto;
    padding: 0 5vw;
}

#stp > div > a{
max-width: 32rem;
margin-bottom: 2rem;
    width: 100%;
}

#stp > div > a > img{
width: 100%;
    max-width: inherit;
}

#sysMain > div.sysFuncText.ranking > div{
margin: 0 5vw;
    border-radius: 1rem 0 0 1rem;
}

#sysMain > div.sysFuncText.ranking{
padding-top:0;
}


#ranking{
padding: 3rem 0;
margin-top: 0;
}

#ranking > div > div > div{
    width: 3.8rem;
}

#ranking > div > div > h2{
     font-size: 1.6rem;
    margin-top: .5rem;
}

#wrapslide > div > h2 > img{
    width: 6rem;
}


#ranking > div > div > div::after{
width: 5rem;
    height: 5rem;
right: -35vw;
}

#sysMain > div.sysFuncItemBlock.rankignblock{
margin: 0 5vw;
    border-radius: 0 1rem 1rem 0;
}

#sysMain > div.sysFuncItemBlock.rankignblock > div > div > ul > li> div.sysIconRank{
width: 3rem;
}

#wrapslide{
    padding: 3rem 0;
margin-top: 0;
}

#wrapslide > div > div{
    width: 6.2rem;
}

#wrapslide > div > div::before,
#wrapslide > div > div::after{
display:none;
}

#wrapslide > div > h2{
margin-top: .5rem;
    font-size: 1.8rem;
}

#wrapslide > div > h2 > img{
width: 8rem;
    margin-right: .5rem;
}

#wrapslide > ul{
margin: 3.5rem 5vw;
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

#wrapslide > ul > li{
    width: 45%;
    margin-bottom: 1rem;
}

#wrapslide > ul > li > h3{
font-size: 1.2rem;
    text-align: center;
    margin-top: .5rem;
font-weight: 500;
}

#wrapslide > a{
max-width: 32rem;
    margin: 2rem auto;
    padding: 0 5vw;
}

#wrapslide > a > img{
    width: 100%;
}


#howto > div.howto__title{
    margin-top: 0;
}

#howto > div.howto__title > div{
width: 14rem;
}

#howto > div.howto__title > h2{
margin-top: .5rem;
    font-size: 1.8rem;
}
#howto > div.howto__main{
margin: 2.5rem 0 0;
    justify-content: space-between;
}

#pickup{
    border-radius: 10px;
    margin: 0 5vw;
}

#pickup > div{
    padding: 2.5rem 0;
}

#pickup > div > div.pickup__title > div{
width: 8.5rem;
}

#pickup > div > div.pickup__title > h2{
margin-top: .5rem;
    font-size: 1.8rem;
}


#pickup > div > div.pickup__container{
margin-top: 3.5rem;
    flex-direction: column;
}

#pickup > div > div.pickup__container > div{
width: 100%;
margin: 0 auto;
}

#pickup > div > div.pickup__container > div> div.pickup__container-box-main > div > p:nth-child(1){
font-size: 1.4rem;
font-weight: 500;
}

#pickup > div > div.pickup__container > div > div.pickup__container-box-main > div > p:nth-child(2){
    font-size: 1.2rem;
}

#pickup > div > div.pickup__container > div:nth-child(1) > div.pickup__container-box-comment > img{
display: block;
    margin: 0 auto;
}

#pickup > div > div.pickup__container > div:nth-child(1) > div.pickup__container-box-comment > p{
font-size: 1.4rem;
}

#pickup > div > div.pickup__container > div > a > div{
margin: 2rem auto;
    max-width: 30rem;
}

#wp > div > div{
max-width: 6.5rem;
    margin: 5.2rem auto 0;
}

#wp > div > div > img{
width: 100%;
}

#wp > div > h2{
margin-top: 0.5rem;
    font-size: 1.8rem;
}

#wp > div > h2 > img{
width: 8rem;
}

#wp > p{
margin: 2.5rem auto;
}

#wp > p::after{
top: .8rem;
width: 1rem;
    height: 1rem;
}

#viewPosts > li > a > img{
    border-radius: 1rem;
}

#viewPosts > li> a > p{
    margin: 0 auto 1rem;
}

#sysMain > div.sysFuncText.mmf{
margin: 5.5rem 5vw;
    border-radius: 10px;
}

#mff{
padding: 2.5rem 0;
}

#mff > div > h2{
font-size: 1.6rem;
line-height: .7;
}

#mff > div > h2 > img{
width: 6.6rem;
}

#mff > div > div{
max-width: 22rem;
    margin-top: 2rem;
}

#mff > div > p{
font-size: 1.4rem;
}

#mff > p{
    font-size: 2rem;
    margin: 4rem 0;
}

#mff > ul{
padding: 0 5vw;
    grid-column-gap: 10px;
}

#mff > a > p{
padding: 1rem;
    font-size: 1.4rem;
}

#search{
    border-radius: 10px;
border-bottom: none;
    margin: 0 5vw;
}

#search > div{
    padding: 3.5rem 0;
}

#search > div > div.search__title > h2{
font-size: 1.8rem;
}

#search > div > div.search__title > h2 > img{
    width: 8rem;
}

#search > div > div.search__main{
    margin-top: 3rem;
    flex-direction: column;
    justify-content: center;
}

#search > div > div.search__main > a{
display: block;
    max-width: 30rem;
    width: 100%;
    margin: 1rem auto;
}

#search > div > div.search__main > a> img{
width: 100%;
    max-width: none;
}

#faq > a{
display: block;
    max-width: 20rem;
    margin: 0 auto;
}

#faq > a > img{
width: 100%;
    max-width: none;
}







/*最後尾*/









.for_pc {
  display: none;
}

.content-width {
  max-width: 760px;
  margin: 0 auto;
  margin-top: 10rem;
}



#shutter {

  max-width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #fffff9;
  z-index: 9999;
  animation: byeShutter 5s forwards;
  box-sizing: border-box;
  visibility: visible;

}

#shutter.is-active {
  opacity: 0;
  visibility: hidden;
}

.shutter-animation {

  opacity: 0;
  visibility: hidden;
}

.shutter-animation.is-active {
  opacity: 1;
  visibility: visible;
}

#shutter>div>img {
  position: absolute;
  width: 120px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 9999;
  animation: logo 1s steps(2, start) infinite;
  animation-delay: 0.2s;
  animation-iteration-count: 2;
}

@keyframes byeShutter {
  70% {
    opacity: 1;
  }

  100% {
    display: none;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes logo {
  0% {
    transform: rotate(5deg);
  }

  to {
    transform: rotate(-5deg);
  }
}

#shutter.is-active {
  opacity: 0;
  visibility: hidden;
}

/*流れるテキスト*/

#top_recentnews {
  display: block;
  height: 30px;
  width: 100%;
  background-color: #1a1a1a;
  overflow: hidden;
}

#top_recentnews .newsText {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  padding-left: 100%;
  white-space: nowrap;
  animation: animate-banner 20s linear infinite;
}

@keyframes animate-banner {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

#top_recentnews .newsText a {
  color: #fff;

}

#top_recentnews>div>p {
  margin: 0;
}

#sysHeader>div.sysFuncText.navBttn>div>div>div {
  position: absolute;
  top: 1rem;
  right: 7rem;
  width: 5.5rem;
  height: 5.5rem;
  background-image: url(/img/top/header/gnav.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 999;
}

/*固定ヘッダー*/

#sysHeader>div.sysFuncText.navBttn {
  position: absolute;
  height: 8rem;
  z-index: 99;
  top: 0rem;
  right: 0.5rem;
}

#sysHeader > div.sysFuncText.navBttn.m_fixed {
  position: fixed;
  top: 0rem;
}


#cart {
  position: absolute;
  top: 2.5rem;
  right: 7rem;
  z-index: 999;
}



#cart {
  width: 4rem;
  height: 4rem;
  background-image: url("https://iiwan.jp/img/top/header/cart.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 999;
}


#sysHeader>div.header_wrap {
  position: absolute;
  top: 1rem;
  left: 1rem;
  max-width: 120px;
  width: 100%;
  z-index: 99;
}


/*ナビボタン*/

#sysHeader>div.sysFuncText.navBttn>div>div>div.gnavBttn {
  position: absolute;
  top: 2.5rem;
  right: 2rem;
  width: 4.5rem;
  height: 4.5rem;
  background-image: url("https://iiwan.jp/img/top/header/gnav.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 999;
}


#sysHeader>div.sysFuncText.navBttn>div>div>div.gnavBttn.change {
  width: 4.5rem;
  height: 4.5rem;
  background-image: url("https://iiwan.jp/img/top/header/close.png");
  background-repeat: no-repeat;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav {
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s linear;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: fixed;
  top: 0px;
  left: 0;
  text-align: center;
  right: 0;
  background: #f8f8f4;
  z-index: 99;
  height: 100vh;
}

/*ナビリスト*/


#sysHeader>div.sysFuncText.navBttn>div>div>nav.is-active {
  pointer-events: auto;
  opacity: 0.99;


}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>ul.list1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 2px;
  border-bottom: 1px solid #1a1a1a;
  margin-left: 5rem;
  margin-top: 5rem;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>ul.list1>li {
  margin: 2rem 0;
}

#headerBttn>nav>ul.list1>li:nth-child(2) {
  margin-bottom: 4rem;
}



#headerBttn>nav>ul.list1>li>a>img {
  width: 5rem;
  height: auto;
}


#sysHeader>div.sysFuncText.navBttn>div>div>nav>ul.list1>li a::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #000000;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>ul.list1>li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}


#sysHeader>div.sysFuncText.navBttn>div>div>nav>ul.list1>li:nth-child(1)>a>img {
  vertical-align: middle;
  margin-right: 2rem;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>ul.list1>li:nth-child(2)>a>img {
  vertical-align: middle;
  margin-right: 2rem;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>ul.list2 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-left: 5rem;
  margin-top: 4rem;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>ul.list2>li {
  margin-bottom: 2.5rem;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>ul.list2>li:nth-child(3) {
  margin-right: 0;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>ul.list3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  margin-left: 5rem;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>ul.list3>li {
  margin-right: 6rem;
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>ul.list3>li:nth-child(3) {
  margin-right: 0;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  font-size: 1.5rem;
  font-weight: 600;
  margin-left: 5rem;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>div>div::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: 2rem;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>div>ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>div.navContact>ul>li {
  margin-left: 2.5rem;
  background: #1a1a1a;
  border-radius: 5rem;
  padding: 0.5rem 1.5rem;
}

#headerBttn>nav>div.navContact>ul>li:nth-child(1) {
  margin-bottom: 1rem;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>div.navContact>ul>li>a {
  color: #fff;
}

#headerBttn>nav>div.english {
  margin-top: 2rem;
  font-size: 1.5rem;
  margin-bottom: 5rem;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>div.sns {
  position: absolute;
  top: 12rem;
  right: 2.5rem;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>div.sns>ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sysHeader>div.sysFuncText.navBttn>div>div>nav>div.sns>ul>li {
  margin-bottom: 2rem;
}



#sysHeader>div.sysFuncText.navBttn>div>div>nav>div.sns>ul>li>a>img {
  width: 3rem;
  height: 3rem;
}




/*コンセプト*/



#concept>h1.first-image>img {
  width: 100%;
}


#concept>div.conceptFlex>div.leftContainer {
  position: relative;
}

#concept>div.conceptFlex>div.leftContainer>h1 {
  position: absolute;
  top: -30rem;
  left: 3rem;
  line-height: 4rem;
}


#concept>div.conceptFlex>div.leftContainer>div.conceptTxt {
  margin: 3rem;
  font-weight: 500;
  font-size: 1.5rem;
}


#concept>div.conceptFlex>div.linkBttn {
  position: relative;
  margin: 6rem auto;
  width: 250px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}


#concept>div.conceptFlex>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.3rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  transition: transform .2s;
}

#concept>div.conceptFlex>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#concept>div.conceptFlex>div.linkBttn>div.chon {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


/* スタッフコンタクト*/
#chat {
  position: fixed;
  bottom: 10px;
  left: 20px;
  z-index: 9;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#chat:hover {
  opacity: 0.9;
}

#chat {
  width: 7rem;
  height: 7rem;
  background: url("/img/common/chat.png");
  background-repeat: no-repeat;
  background-size: contain;
}


/*会員登録バナー*/

#sysMain>div.sysFuncText.memberpoint>div>div.memberbannar.for_sp {
  margin: 0 auto;
  width: 100%;
  max-width: 35rem;
}


/*クリスマスバナー*/

#sysMain>div.sysFuncText.memberpoint>div>div.top_xmas_bannar {
  margin: 2rem auto;
  width: 100%;
  max-width: 35rem;
}



/*ギフトセクション*/

#sp_gift>div.giftTitle {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

#sp_gift>div.giftTitle>div.giftImage {
  background-image: url("/img/top/shopping/sp/sp_gift_pic.png");
  background-size: cover;
  width: 100%;
  height: 22rem;
  background-repeat: no-repeat;
  background-position: center center;
  order: 2;
  z-index: -2;
  margin-top: -2.5rem;
}

#sp_gift>div.giftTitle>div.giftText>p {
  color: #f2cd00;
  font-weight: 600;
  font-family: Aktuelle;
  font-size: 2.5rem;
  letter-spacing: 4px;
}

#sp_gift>div.giftTitle>div.giftText {
  margin-left: 5%;
  position: relative;
  max-width: 700px;
  order: 1
}

#sp_gift>div.giftTitle>div.giftText>h3 {
  font-size: 2rem;
}

#sp_gift>div.giftTitle>div.giftText>h3::before {
  content: "";
  position: absolute;
  z-index: -1;
  background-image: url("/img/top/shopping/sp/yl_circle_sp.png");
  background-size: contain;
  background-position: center center;
  width: 100%;
  height: 15rem;
  left: 8rem;
}


#sp_gift>div.giftTitle>div.giftText>h4 {
  letter-spacing: 5px;
  font-size: 1.3rem;
  font-weight: 600;
  margin-top: 2rem;
}

#sp_gift>div.giftTitle>div.giftText>h4::after {
  content: url("/img/top/shopping/sp/sp_giftbox.png");
  position: absolute;
  z-index: -1;
  left: 18rem;
  top: 15rem
}

#sp_gift>div.giftset {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin: 0 2rem;
  margin-top: 1.5rem;
}

#sp_gift>div.giftset>a {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sp_gift>div.giftset>a>p {
  font-size: 1.5rem;
}

#sp_gift>div.giftset>div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 4rem;
}

#sp_gift>div.giftset>div>a {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sp_gift>div.giftset>div>a>p {
  text-align: center;
  font-size: 1.5rem;
}

#sp_gift>div.linkBttn {
  position: relative;
  margin: 4.5rem auto;
  width: 250px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sp_gift>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.5rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.2rem;
  transition: transform .2s;
}

#sp_gift>div.linkBttn>a>div:active {
  transform: scale(.95);

}

#sp_gift>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}

#sysMain>div.sysFuncText.gift_content>div>div.linkDerivery {
  width: 100%;
  max-width: 30rem;
  margin: 0 auto;
}

/*ラッピングセクション*/

#sp_wrapping>div.wrappingTitle {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

#sp_wrapping>div.wrappingTitle>div.wrappingImage {
  background-image: url("/img/top/shopping/sp/sp_wrapping_pic.png");
  background-size: cover;
  width: 100%;
  height: 22rem;
  background-repeat: no-repeat;
  background-position: center center;
  order: 2;
  z-index: -2;
  margin-top: -2.5rem;
}

#sp_wrapping>div.wrappingTitle>div.wrappingText {
  margin-left: 5%;
  position: relative;
  max-width: 300px;
  order: 1
}

#sp_wrapping>div.wrappingTitle>div.wrappingText>p {
  color: #f2cd00;
  font-weight: 600;
  font-family: Aktuelle;
  font-size: 2.5rem;
  letter-spacing: 4px;
}

#sp_wrapping>div.wrappingTitle>div.wrappingText>h3 {
  font-size: 2rem;
}

#sp_wrapping>div.wrappingTitle>div.wrappingText>h3::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -8rem;
  background-image: url("/img/top/shopping/sp/yl_circle_sp.png");
  background-size: contain;
  background-position: center center;
  width: 100%;
  height: 15rem;
}

#sp_wrapping>div.wrappingTitle>div.wrappingText>h4 {
  letter-spacing: 3px;
  font-size: 1.3rem;
  font-weight: 600;
  margin-top: 2rem;
}

#sp_wrapping>div.wrappingTitle>div.wrappingText>h4::after {
  content: url("/img/top/shopping/sp/sp_wrappinlogo.png");
  position: absolute;
  z-index: -1;
  top: 15rem
}

#sp_wrapping>div.wrapping {
  display: flex;
  width: 100%;
  height: 350px;
  overflow-x: scroll;
  margin-top: 5rem;
}

#sp_wrapping>div.wrapping>a {
  width: 90%;
  margin: 5px;
  flex-shrink: 0;
}


#sp_wrapping>div.wrapping>a>p {
  font-size: 1.5rem;
}


#sp_wrapping>div.wrapping.fadeUp.on>a>div>img {
  width: 100%;
}

#sp_wrapping>div.linkBttn {
  position: relative;
  margin: 4.5rem auto;
  width: 250px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sp_wrapping>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.5rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  transition: transform .2s;
}

#sp_wrapping>div.linkBttn>a>div:active {
  transform: scale(.95);

}

#sp_wrapping>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}

#sysMain>div.sysFuncText.linktodirectdelivery>div>div.linkDerivery {
  width: 100%;
  max-width: 30rem;
  margin: 0 auto;
}

/*商品一覧セクション*/


#sp_itemlist>div.itemTitle {

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

#sp_itemlist>div.itemTitle>div.itemImage {
  background-image: url("/img/top/shopping/sp/sp_items-pic.png");
  background-size: cover;
  width: 100%;
  height: 22rem;
  background-repeat: no-repeat;
  background-position: center center;
  order: 2;
  z-index: -2;
  margin-top: -2.5rem;
}

#sp_itemlist>div.itemTitle>div.itemText>p {
  color: #f2cd00;
  font-weight: 600;
  font-family: Aktuelle;
  font-size: 2.5rem;
  letter-spacing: 4px;
}


#sp_itemlist>div.itemTitle>div.itemText {
  margin-left: 5%;
  position: relative;
  max-width: 700px;
  order: 1
}

#sp_itemlist>div.itemTitle>div.itemText>h3 {
  font-size: 2rem;
}

#sp_itemlist>div.itemTitle>div.itemText>h3::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -6rem;
  background-image: url("/img/top/shopping/sp/yl_circle_sp.png");
  background-size: contain;
  background-position: center center;
  width: 100%;
  height: 15rem;
}


#sp_itemlist>div.itemTitle>div.itemText>h4 {
  letter-spacing: 3px;
  font-size: 1.3rem;
  font-weight: 600;
  margin-top: 2rem;
}

#sp_itemlist>div.itemTitle>div.itemText>h4::after {
  content: url("/img/top/shopping/sp/sp_item_illust.png");
  position: absolute;
  z-index: -1;
  left: 18rem;
  top: 15rem
}

#sp_itemlist>div.itemList {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin: 0 2rem;
  margin-top: 1.5rem;
}

#sp_itemlist>div.itemList>a {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sp_itemlist>div.itemList>a>p {
  font-size: 1.5rem;
}

#sp_itemlist>div.itemList>div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 4rem;
}

#sp_itemlist>div.itemList>div>a {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sp_itemlist>div.itemList>div>a>p {
  text-align: start;
  padding: 0 1rem;
}

#sp_itemlist>div.linkBttn {
  position: relative;
  margin: 4.5rem auto;
  width: 250px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sp_itemlist>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.5rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  transition: transform .2s;
}

#sp_itemlist>div.linkBttn>a>div:active {
  transform: scale(.95);

}

#sp_itemlist>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


/*OYAKO PROJECT セクション*/


#oyapro {
  position: relative;
  margin-top: 20rem;
}

#oyapro>div.OPTitle {
  max-width: 350px;
  padding-left: 5%;
}

#oyapro>div.OPTitle>div {
  position: relative;
}

#oyapro>div.OPTitle>div>img {
  position: absolute;
  top: -5rem;
  right: 2rem;
}


#oyapro>div.OPTitle>p {
  font-size: 3rem;
  letter-spacing: 2px;
  font-weight: 600;
}

#oyapro>div.OPTitle>p:nth-child(4) {
  font-size: 2rem;
  line-height: inherit;
  color: #f2cd00;
}

#oyapro>div.OPTitle>p:nth-child(4)>span {
  font-family: Aktuelle;
  color: black;
}


#oyapro>div.backImage>img {
  width: 100%;
}

#oyapro>div.content {
  position: relative;
}

#oyapro>div.content>div.contentTitle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: baseline;
  position: absolute;
  width: 100%;
  top: -5rem;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);

}


#oyapro>div.content>div.contentTitle>div {
  width: 10rem;
}

#oyapro>div.content>div.contentTitle>p {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 3px;
  margin: 1rem;
}


#oyapro>div.content {
  background-image: url("/img/top/event/yl_scratch.jpg");
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  height: auto;
}

#oyapro>div.content>div.contentTxt>p {
  margin: 0;
  padding: 0 2rem;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 4rem;

}


#oyapro>div.content>div.contentTxt>p:nth-child(1) {
  padding-top: 2.5rem;
}


#oyapro>div.content>div.contentTxt {
  padding: 2rem;
  margin: 0 auto;
  line-height: 35px;
  font-weight: 600;
  letter-spacing: 2px;
}


#oyapro>div.content>div.bottomText {
  max-width: 700px;
  margin: 0 auto;
  margin-top: 10rem;
}

#oyapro>div.content>div.bottomText>p:nth-child(1) {
  padding: 2rem;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 5rem;
}

#oyapro>div.content>div.bottomText>p:nth-child(2),
#oyapro>div.content>div.bottomText>p:nth-child(3) {
  padding: 0 2rem;
  font-size: 4rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: 2px;
  margin: 0 auto;
}


#oyapro>div.content>div.linkBttn {
  position: relative;
  margin: 4.5rem auto;
  width: 250px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
  padding-bottom: 3rem;
}

#oyapro>div.content>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.5rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  transition: transform .2s;
}

#oyapro>div.content>div.linkBttn>a>div:active {
  transform: scale(.95);
}

#oyapro>div.content>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}

/*イベントセクション*/


#sp_event>div {
  text-align: center;
}

#sp_event>div>p {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#sp_event>ul {
  display: flex;
  width: 100%;
  height: 350px;
  overflow-x: scroll;
  margin-top: 5rem;
}


#sp_event>ul>li {
  width: 250px;
  margin: 5px;
  flex-shrink: 0;
}


#sp_event>ul>li>a>div {
  width: 250px;
  text-align: center;
}

#sp_event>ul>li>a>p {
  padding: 0 2rem;
  text-align: start;
  font-size: 1.5rem;

}

#sp_event>ul>li>a>p>span {
  text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.5em;
  text-decoration-color: rgba(242, 205, 0, 0.4);
  text-decoration-skip-ink: none;
}



/*出産祝いのHOWTOセクション*/

#sp_shussanhowto>div.howtoTitle {
  text-align: center;
}


#sp_shussanhowto>div>p {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}


#sp_shussanhowto>div.howtoContent {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  padding: 0 1rem;
}

#sp_shussanhowto>div.howtoContent>div {
  width: 48%;
  text-align: center;
  margin-bottom: 4.5rem;
}


/*イイフレンズセクション*/

#iifriends>div.friendsTitle {
  text-align: center;
}

#iifriends>div.friendsTitle>div:nth-child(2) {
  display: none;
}

#iifriends>div.friendsTitle>div:nth-child(3) {
  display: block;
}

#iifriends>div>p {
  padding: 0 3rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#iifriends>div.gohanContainer {
  display: flex;
  width: 100%;
  height: 450px;
  overflow-x: scroll;
  margin-top: 5rem;
}

#iifriends>div.gohanContainer>div {
  width: 85%;
  margin: 5px;
  flex-shrink: 0;
  text-align: center;
}

#iifriends>div.gohanContainer>div.gohanitem>div:nth-child(1)>img {
  width: 80%;
}



#iifriends>div.gohanContainer>div>div.linkBttn {
  position: relative;
  margin: 2rem auto 5rem;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#iifriends>div.gohanContainer>div>div.linkBttn>a>div {
  background: #f2cd00;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#iifriends>div.gohanContainer>div>div.linkBttn>a>div:active {
  transform: scale(.95);
}

#iifriends>div.boshu {
  text-align: center;
  margin-top: 2.5rem;
}

#iifriends>div.boshu>p {
  padding: 0 2rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}


/*キッズ写真無限ループ詳細ボタン*/

#sysMain>div.sysFuncText.kidsroll>div>div.linkBttn {
  position: relative;
  margin: 4.5rem auto;
  width: 250px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysMain>div.sysFuncText.kidsroll>div>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.5rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.kidsroll>div>div.linkBttn>a>div:active {
  transform: scale(.95);
}

#sysMain>div.sysFuncText.kidsroll>div>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}



/*iimagセクション*/

#iimag {
  margin-top: 6.5rem;
}


#iimag>div.iiwanline>ul {
  display: flex;
  margin: 0 2rem;
  max-width: 750px;
  justify-content: space-evenly;
  align-items: center;
}

#iimag>div.iiwanline>ul>li {
  animation: move 1s steps(2, start) infinite;
  width: 20%;
}

@keyframes move {
  0% {
    transform: rotate(20deg);
  }

  to {
    transform: rotate(-10deg);
  }
}

#iimag>div.iiwanline {
  margin-bottom: 6.5rem;
}

#iimag>div.iimagTitle {
  text-align: center;
}

#iimag>div>p {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}




#iimag>div.linkBttn {
  position: relative;
  margin: 2rem auto 5rem;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#iimag>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#iimag>div.linkBttn>a>div:active {
  transform: scale(.95);
}

#iimag>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}

/*インフォメーションセクション*/


#information>div {
  background-color: #fff;
  padding: 6.5rem 2rem;
  border-radius: 20px;
  margin: 0 2rem;
}

#information>div>div.infoTitle {
  text-align: center;
}

#information>div>div.infoTitle>p {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#information>div>div.infoContainer {
  margin-top: 6rem;
}

#information>div>div.infoContainer>ul {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
}


#information>div>div.infoContainer>ul>li {
  margin: 2rem 0;
}

#information>div>div.infoContainer>ul>li>a {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0;
  position: relative;
}


#information>div>div.infoContainer>ul>li>a>div.date {
  font-size: 1.5rem;
  margin-right: 2rem;
  font-weight: 500;
  border-right: 3px solid #f2cd00;
  padding-right: 2rem;
}


#information>div>div.infoContainer>ul>li>a>div.infotext {
  font-size: 1.5rem;
  letter-spacing: 1.5px;
  font-weight: 500;
}


/*ショップセクション*/

#shop>div.shopTitle {
  text-align: center;
}

#shop>div.shopTitle>p {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#shop>div.shopContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 4.5rem;
}

#shop>div.shopContent>div {
  max-width: 30rem;
  margin: 2rem auto;
}

#shop>div.shopContent>div>p {
  font-weight: 600;

}


#shop>div.shopContent>div>ul.shopDeail {
  font-weight: 500;
  font-size: 1.3rem;
}

#shop>div.shopContent>div>ul.shopDeail>li:nth-child(5) {
  margin-bottom: 2rem;
}


#shop>div.shopContent>div>ul.shopDeail>li:nth-child(5)>a {
  border-bottom: 2px solid #f2cd00;
}


#shop>div.shopContent>div>ul.tag {

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

#shop>div.shopContent>div>ul.tag>li:nth-child(1) {
  background: #f2cd00;
  padding: 0.5rem 1rem;
  border-radius: 25px;
  font-weight: 600;
  color: #fff;
  margin-right: 2rem;
  font-size: 1.3rem;
}


#shop>div.shopContent>div>ul.tag>li:nth-child(2) {
  background: #c2cf7c;
  padding: 0.5rem 1rem;
  border-radius: 25px;
  font-weight: 600;
  color: #fff;
  margin-right: 2rem;
  font-size: 1.3rem;
}

#shop>div.shopContent>div>ul.tag>li:nth-child(3) {
  background: #edb2ad;
  padding: 0.5rem 1rem;
  border-radius: 25px;
  font-weight: 600;
  color: #fff;
  font-size: 1.3rem;
}

#shop>div.linkBttn {
  position: relative;
  margin: 4.5rem auto;
  width: 250px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
  padding-bottom: 3rem;
}

#shop>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.5rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  transition: transform .2s;
}

#shop>div.linkBttn>a>div:active {
  transform: scale(.95);
}

#shop>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}





/*FUTONセクション*/

#futon {
  overflow: hidden;
}



#futon>div {
  background: #b2c0cd;
  padding-bottom: 5rem;
  margin-top: 15rem;
  border-top-right-radius: 2000px 500px;
  border-top-left-radius: 2000px 500px;
  margin-left: -200px;
  margin-right: -200px;
  padding-left: 200px;
  padding-right: 200px;
  border-bottom-right-radius: 2000px 500px;
  border-bottom-left-radius: 2000px 500px;
}


#futon>div>div.futonTitle {
  padding-top: 10rem;
  font-weight: 600;
  width: 300px;
  margin: 0 auto;
  font-size: 2rem;
  position: relative;
}

#futon>div>div.futonTitle::before {
  position: absolute;
  content: "";
  background-image: url("/img/top/futon_illust.png");
  background-repeat: no-repeat;
  background-position: center center;
  top: 5rem;
  left: 2rem;
  right: 0;
  width: 257px;
  height: 138px;
}

#futon>div>div.futonTitle>p {

  position: relative;
  z-index: 2;
}



#futon>div>div.futonCatch {
  width: 100%;
  max-width: 30rem;
  margin: 10rem auto;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-align: center;
}

#futon>div>div.futonImage {
  width: 100%;
  max-width: 75rem;
  height: auto;
  margin: 2rem auto;
  padding: 0 2rem;
}

#futon>div>a>div {

  margin: 3rem auto;
  width: 100%;
  font-weight: 600;
  font-size: 1.5rem;
  background: #f9f8f4;
  padding: 1.5rem;
  border-radius: 50px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
  max-width: 25rem;
  text-align: center;
  transition: transform .2s;
}

#futon>div>a>div:active {
  transform: scale(.95);
}

/*ショッピングセクション*/

#shopping>div>div.shoppingText {
  text-align: center;
}

#shopping>div>div.shoppingText>p:nth-child(1) {
  max-width: 90px;
}


#shopping>div>div.shoppingText>p:nth-child(2) {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#shopping>div>div.shoppingContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 5rem;
  margin: 0 2rem;
}

#shopping>div>div.shoppingContainer>div.shoppingGift {
  width: 45%;
}

#shopping>div>div.categoryFlex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  grid-gap: 1rem;
  margin: 4rem 1rem;
}

#shopping>div>div.categoryFlex>div {
  margin-right: 0;
}




/*コンタクトセクション*/

#contact>div {
  background: #f2cd00;
}

#contact>div>div {
  padding-top: 5.5rem;
  padding-bottom: 10rem;
}

#contact>div>div>div.contactTitle {
  text-align: center;
}



#contact>div>div>div.contactTitle>p:nth-child(1) {
  max-width: 90px;
}

#contact>div>div>div.contactTitle>p:nth-child(2) {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}



#contact>div>div>ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  padding: 3rem;
}

#contact>div>div>ul>li.tel {
  display: block;
}

#contact>div>div>ul>li {
  max-width: 5rem;
}

#contact>div>div>div.opentime {
  text-align: center;
  font-weight: 600;
}

#contact>div>div>div.opentime>p:nth-child(1) {
  font-size: 2.5rem;
}

#contact>div>div>div.opentime>p:nth-child(2) {
  font-size: 2rem;
}


#contact>div>div>div.houjin {
  padding: 3rem 0;
  border: 3px solid #1a1a1a;
  border-radius: 10px;
  text-align: center;
  width: 100%;
  max-width: 25rem;
  margin: 5rem auto;

}

#contact>div>div>div.houjin>p:nth-child(1) {
  font-size: 1.5rem;
  font-weight: 600;
  border-bottom: 2px solid #fff;
  width: 100%;
  max-width: 22rem;
}


#contact>div>div>div.houjin>p:nth-child(2) {
  padding: 2.5rem 0;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
}

#contact>div>div>div.houjin>div>a {
  background: #1a1a1a;
  padding: 1.5rem;
  color: #fff;
  border-radius: 50px;
  font-weight: 600;
  font-size: 1.5rem;
  transition: transform .2s;
}

#contact>div>div>div.houjin>div>a:active {
  transform: scale(.95);
}




/*ご利用ガイド*/

.accordion {
  max-width: 800px;
}

.accordion:not([open]) {
  margin-bottom: 3px;
}

.accordion summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em;
  border-left: 5px solid #1a1a1a;
  background-color: #f9f8f4;
  color: #1a1a1a;
  font-weight: 600;
  cursor: pointer;
}

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

.accordion summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #f2cd00;
  border-right: 3px solid #f2cd00;
  content: '';
  transition: transform .3s;
}

.accordion[open] summary::after {
  transform: rotate(225deg);
}

.accordion p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 1em 2em 2em 2em;
  color: #333333;
  transition: transform .5s, opacity .5s;
}

.accordion[open] p {
  transform: none;
  opacity: 1;
}

#sysFooter>div.sysFuncText.guide.sysDisplayPcNone>div>details:nth-child(4)>p>a>span {
  color: #f2cd00;
}

/***********************************
  フッター
***********************************/
.footer {
  width: 100%;
  margin: 0;
  text-align: center;
  background: #1a1a1a;
  letter-spacing: 2px;
}


#footerlabel {
  padding: 5.5rem 0;
}


#footerlabel>div {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}



#footerlabel>div>div.logo {

  width: 100px;
  margin: 0 auto;

}

#footerlabel>div>ul.link1 {
  margin-top: 6rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;

}

#footerlabel>div>ul.link1>li {
  margin: 2rem 1rem;
  border-bottom: 2.5px solid #fff;
  width: 50%;
  max-width: 14rem
}

#footerlabel>div>ul.link1>li>a {
  color: #fff;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 1.5rem;

}


#footerlabel>div>ul.law {
  margin-top: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

}

#footerlabel>div>ul.law>li:nth-child(1) {
  margin-right: 0rem;
}

#footerlabel>div>ul.law>li>a {
  letter-spacing: 1px;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem
}


#footerlabel>div>div.link2Container {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
  margin-top: 5rem;
  padding-left: 2rem;

}

#footerlabel>div>div.link2Container>div.company {
  color: #fff;
  text-align: initial;
  font-weight: 600;
  width: 100%;
  max-width: 35rem;
  margin: 0 auto;

}

#footerlabel>div>div.link2Container>div.company>p {
  font-size: 1.5rem;
}




#footerlabel>div>div.link2Container>div.company>p:nth-child(5)>a {
  color: #fff;
  border-bottom: 2px solid #fff;
}

#footerlabel>div>div.link2Container>div.contact>ul>li>a {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
}

#footerlabel>div>div.link2Container>div.contact>p {
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  margin: 0;

}



#footerlabel>div>div.link2Container>div.contact {

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 35rem;
  margin: 5rem auto;
}


#footerlabel>div>div.link2Container>div.contact>ul {
  text-align: start;
}

#footerlabel>div>div.link2Container>div.contact>ul>li {
  margin-top: 1.5rem;
}

#footerlabel>div>div.link2Container>div.contact>ul>li:nth-child(1)::before,
#footerlabel>div>div.link2Container>div.contact>ul>li:nth-child(2)::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: 2rem;
  color: #fff;
  margin-right: 2rem;
}

#footerlabel>div>p {
  color: #fff;
  margin-top: 5rem;
  font-weight: 600;
  font-size: 1.3rem;
  max-width: 35rem;
}



/* ページトップに戻る*/
.pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  text-align: center;
  z-index: 9;
}

.pagetop #page-top {
  display: none;
  padding-top: 4px;
  height: 51px;
}

.pagetop #page-top:hover {
  opacity: 50%;
}

#page-top>img {
  width: 100%;
}





/***************************************
:::::::::::::::::::::::::::::::::::::::

          下層ページ  

::::::::::::::::::::::::::::::::::::::::
****************************************/
#sysHeader>div.sysFuncText.header_h1_under {
  position: relative;
  z-index: 999;
}


#sysHeader>div.sysFuncText.header_h1_under>div>div>div>div {
  position: fixed;
  top: 2rem;
  left: 2rem;
}

#sysHeader>div.sysFuncText.header_h1_under>div>div>div>div>a>img {
  width: 100px;
}


/***************************************
:::::::::::::::::::::::::::::::::::::::

            about

::::::::::::::::::::::::::::::::::::::::
****************************************/


#sysMain>div.sysFuncText.aboutus>div>div.contentContainer {
  padding: 12rem 0;
  margin: 0 auto;
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 0;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.stickyContaniner {
  width: 100%;

}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content {
  width: 100%;
  max-width: 500px;
  margin: 3rem auto;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.stickyContaniner>iframe {

  width: 100%;
}


#sysMain>div.sysFuncText.aboutus>div>div.factory>img {
  width: 100%;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.vision.sectionContainer>h1 {
  text-align: center;
  margin-top: 2rem;
}


#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section>div {
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section>p {
  max-width: 500px;
  width: 100%;
  font-weight: 500;
  line-height: 30px;
  margin: 5rem auto;
  padding: 0 2rem;
}


#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.sectionContainer {
  margin-bottom: 10rem;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 3rem;
}



#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div:nth-child(1) {
  width: 100%;
  max-width: 300px;
  margin-bottom: 2rem;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div.detail>div.yellow {
  border-left: 4px solid #f2cd00;
  padding-left: 1rem;
  color: #f2cd00;
  font-weight: 600;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret.sectionContainer>div.fiveColors>div:nth-child(2)>div.detail>div.white {
  border-left: 4px solid #898989;
  padding-left: 1rem;
  color: #898989;
  font-weight: 600;
}


#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret.sectionContainer>div.fiveColors>div:nth-child(3)>div.detail>div.pink {
  border-left: 4px solid #f4b5b0;
  padding-left: 1rem;
  color: #f4b5b0;
  font-weight: 600;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret.sectionContainer>div.fiveColors>div:nth-child(4)>div.detail>div.blue {
  border-left: 4px solid #85c0ce;
  padding-left: 1rem;
  color: #85c0ce;
  font-weight: 600;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret.sectionContainer>div.fiveColors>div:nth-child(5)>div.detail>div.green {

  border-left: 4px solid #aabb74;
  padding-left: 1rem;
  color: #aabb74;
  font-weight: 600;
}


#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div.detail>div.colorName>p:nth-child(1),
#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div.detail>div.colorName>p:nth-child(2) {
  margin: 0;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div.detail>div.meaning {
  font-weight: 500;
  margin-top: 1rem;
}


#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.aboutus.sectionContainer>div.linkBttn {
  position: relative;
  margin: 4.5rem auto;
  width: 250px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
  padding-bottom: 3rem;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.aboutus.sectionContainer>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.5rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.aboutus.sectionContainer>div.linkBttn>a>div:active {
  transform: scale(.95);
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.aboutus.sectionContainer>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}

/***************************************
:::::::::::::::::::::::::::::::::::::::

            あんしん

::::::::::::::::::::::::::::::::::::::::
****************************************/

#sysMain>div.sysFuncText.safety>div>div {
  padding-top: 12rem;
}


#sysMain>div.sysFuncText.safety>div>div>div.titleContainer {
  position: relative;
  overflow: hidden;
}

#sysMain>div.sysFuncText.safety>div>div>div.titleContainer>h1 {
  font-size: 2rem;
  margin-left: 10%;
  letter-spacing: 5px;
  margin-top: 5rem;
  line-height: 5rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.titleContainer>h2 {
  margin-top: 2.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  margin-left: 10%;
}

#sysMain>div.sysFuncText.safety>div>div>div.titleContainer>div {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

#sysMain>div.sysFuncText.safety>div>div>div.titleContainer>div>img {
  max-width: 250px;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.ribbon {
  max-width: 25rem;
  width: 100%;
  margin: 0 auto;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section {
  margin-top: 5rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.titleContainer {
  text-align: center;
  position: relative;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.titleContainer>div.title>p {
  font-weight: 600;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section:nth-child(2)>div.titleContainer>div.title.fadeUp.on>div>img {
  width: 0.6rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.titleContainer>div>img {
  width: 5rem;
}





#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.titleContainer>div.fukidashi {
  position: absolute;
  top: 1rem;
  right: 5rem;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.titleContainer>div.title>h2 {
  letter-spacing: 3px;
  margin-top: 2rem;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.textContainer {
  margin: 2rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.textContainer>div {
  margin: 2rem 0;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.textContainer>div>div {
  max-width: 20rem;
  width: 100%;
  margin: 0 auto;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section:nth-child(3)>div.titleContainer>div.title>div>img {
  width: 1rem;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section:nth-child(4)>div.titleContainer>div.title>div>img {
  width: 1.5rem;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section:nth-child(5)>div.titleContainer>div.title>div>img {
  width: 2rem;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section:nth-child(6)>div.titleContainer>div.title>div>img {
  width: 2.5rem;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.qa {
  margin-top: 5rem;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.qa>div.image {
  width: 100%;
  max-width: 30rem;
  margin: 0 auto;
}

/*アコーディオンメニュー*/

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.qa>div.accordWrap {
  margin: 5rem 2rem;
}


.accordion-001 {
  max-width: 760px;
  background-color: #fbf9f4;
}

.accordion-001:not([open]) {
  margin-bottom: 7px;
}

.accordion-001 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em;
  border-radius: 5px;
  background-color: #f2cd00;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

.accordion-001 summary::-webkit-details-marker {
  display: none;
}

.accordion-001 summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: '';
  transition: transform .3s;
}

.accordion-001[open] summary::after {
  transform: rotate(225deg);
}

.accordion-001 p {
  text-align: left;
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 1em 2em 2em 2em;
  color: #333333;
  transition: transform .5s, opacity .5s;
}

.accordion-001[open] p {
  transform: none;
  opacity: 1;
}

/*リンクボタン*/


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.qa>div.linkBttn {
  position: relative;
  margin: 2rem auto;
  max-width: 25rem;
  width: 100%;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
  font-size: 1.5rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.qa>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.qa>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.qa>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}



#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.linkarea {
  position: relative;
  margin: 10rem 2rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.linkarea>div:nth-child(1) {
  width: 15rem;
  margin: 0 auto;
  position: absolute;
  top: -3.5rem;
  left: 0;
  right: 0;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.linkarea>div.Bttn {
  display: block;
  margin-top: 5rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.linkarea>div.Bttn>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.linkarea>div.Bttn>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.linkarea>div.Bttn>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.linkarea>div.Bttn>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


/***************************************
:::::::::::::::::::::::::::::::::::::::

            OYAKO PROJECT

::::::::::::::::::::::::::::::::::::::::
****************************************/


#sysMain>div.sysFuncText.op_first>div>div {
  padding-top: 10rem;
}

#sysMain>div.sysFuncText.op_first>div>div>div.opTitle {
  position: relative;
  margin: 0 5%;
}

#sysMain>div.sysFuncText.op_first>div>div>div.opTitle>div.message>h1 {
  font-size: 2rem;
  letter-spacing: 2px;
}

#sysMain>div.sysFuncText.op_first>div>div>div.opTitle>div.message>p {
  font-weight: 500;
  color: #f2cd00;
}

#sysMain>div.sysFuncText.op_first>div>div>div.opTitle>div.message>p>span {
  color: #1a1a1a;
  margin-right: 1rem;
}


#sysMain>div.sysFuncText.op_first>div>div>div.opTitle>div.oyako {
  position: absolute;
  top: -1rem;
  left: 10rem;
}

#sysMain>div.sysFuncText.op_first>div>div>div.opTitle>div.oyako.fuwa>img {
  width: 50px;
}


#sysMain>div.sysFuncText.op_first>div>div>div.whatContainer>div>div.bg {
  display: none;
}

#sysMain>div.sysFuncText.op_first>div>div>div.whatContainer>div>div.tab_bg {
  display: none;
}


#sysMain>div.sysFuncText.op_first>div>div>div.whatContainer>div {
  position: relative;
}


#sysMain>div.sysFuncText.op_first>div>div>div.whatContainer>div>div.sp_bg {
  width: 100%;
}

#sysMain>div.sysFuncText.op_first>div>div>div.whatContainer>div>div.titleImage {
  position: absolute;
  top: 15rem;
  left: 50%;
  transform: translate(-50%, -50%);
}

#sysMain>div.sysFuncText.op_first>div>div>div.whatContainer>div>div.titleImage>img {
  width: 150px;
}

#sysMain>div.sysFuncText.op_first>div>div>div.whatContainer>div>p {
  position: absolute;
  margin: 1rem;
  top: 20rem;
  font-weight: 500;
}


#sysMain>div.sysFuncText.op_first>div>div>div.whatContainer>div>div.sp_bg>img {
  width: 100%;
}


#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(3)>div>div {
  margin: 5rem auto;
  max-width: 90px;
}


#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(3)>div>p {
  margin: 1rem;
  font-weight: 500;
}


#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(4)>div>div.titleImage {

  margin: 5rem auto;
  max-width: 150px;
}


#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(4)>div>p {
  margin: 1rem;
}

#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(4)>div>div.download {
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
  max-width: 20rem;
  margin: 2rem auto;
}

#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(4)>div>div.download>img {
  width: 100%;
}

#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(4)>div>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(4)>div>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(4)>div>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(4)>div>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


#sysMain>div.sysFuncText.op_report>div>div>div.flexitem.content-width>div {
  width: 100%;
  max-width: 20rem;
  margin: 5rem auto;
}

#sysMain>div.sysFuncText.op_report>div>div>div.flexitem.content-width>p {
  margin: 1rem;
}

#sysMain>div.sysFuncText.op_report>div>div>div.link.content-width>div:nth-child(1) {
  width: 100%;
  max-width: 25rem;
  margin: 3rem auto;
}

#sysMain>div.sysFuncText.op_report>div>div>div.link.content-width>p {
  margin: 1rem;
}

#sysMain>div.sysFuncText.op_report>div>div>div.link.content-width>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.op_report>div>div>div.link.content-width>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.op_report>div>div>div.link.content-width>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.op_report>div>div>div.link.content-width>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}

#sysMain>div.sysFuncText.op_second>div>div>div:nth-child(1) {
  width: 100%;
  max-width: 25rem;
  margin: 3rem auto;
}

#sysMain>div.sysFuncText.op_second>div>div>p {
  font-weight: 600;
  text-align: center;
}


#sysMain>div.sysFuncText.op_second>div>div>div:nth-child(3) {
  width: 100%;
  max-width: 25rem;
  margin: 2rem auto;
}

#sysMain>div.sysFuncText.op_second>div>div>div.item {
  margin-top: 5rem;
}

#sysMain>div.sysFuncText.op_second>div>div>div>p.titleYellow {
  font-weight: 600;
  color: #f2cd00;
  text-align: center;
}


#sysMain>div.sysFuncText.op_second>div>div>div>p.content {
  margin: 1rem;
}


#sysMain>div.sysFuncText.op_second>div>div>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.op_second>div>div>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.op_second>div>div>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.op_second>div>div>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


#sysMain>div.sysFuncText.op_second>div>div {
  margin-bottom: 5rem;
}



/***************************************
:::::::::::::::::::::::::::::::::::::::

            GIFT

::::::::::::::::::::::::::::::::::::::::
****************************************/






#sysMain>div.sysFuncText.gift_title {
  margin: 0 1rem;
}

#sysMain>div.sysFuncText.gift_content>div>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.gift_content>div>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.gift_content>div>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.gift_content>div>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


#sysMain>div.sysFuncText.gift_title>div>section.title.content-width {
  margin-top: 0;
  padding-top: 10rem;
}


#sysMain>div.sysFuncText.gift_title>div>section.title.content-width>h1 {
  text-align: center;
  margin: 5rem;
}

#sysMain>div.sysFuncText.gift_title>div>section.title.content-width>div.giftimage {
  text-align: center;
}

.forpc {
  display: none;
}


#sysMain>div.sysFuncText.gift_title>div>section.title.content-width>div:nth-child(5)>p {
  font-weight: 500;
}


#sysMain>div.sysFuncText.gift_title>div>section.giftset.content-width>div {
  max-width: 30rem;
  margin: 0 auto;
}


#sysMain>div.sysFuncItemBlock.giftlineup {
  margin: 5rem 0;
}


#sysMain>div.sysFuncItemBlock.giftlineup>div>div>ul {

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-start;
}


#sysMain>div.sysFuncItemBlock.giftlineup>div>div>ul>li {
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


#sysMain>div.sysFuncItemBlock.giftlineup>div>div>ul>li>div.sysItemImage>a>img {
  width: unset;
  border-radius: 10px;
}


#sysMain>div.sysFuncItemBlock.giftlineup>div>div>ul>li>div.sysItemPrice {
  font-size: 1.2rem;
}

#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(1) {
  margin: 1rem;
}


#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(1)>div.boxtitle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  max-width: 25rem;
  margin: 0 auto;
}


#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(1)>div:nth-child(2) {
  margin-top: 10rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}

#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(1)>div:nth-child(2)>div {
  width: 45%;
}


#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(1)>div:nth-child(3) {
  margin-top: 5rem;
}


#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(1)>div:nth-child(3)>div {
  max-width: 25rem;
  margin: 0 auto;
}


#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(1)>div:nth-child(3)>p {
  font-weight: 500;
}


#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(2) {
  margin: 10rem 1rem;
}

#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(2)>div.boxtitle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  max-width: 25rem;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(2)>div.boxtitle>div:nth-child(2) {
  height: 15rem;
}


#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(1)>div:nth-child(3)>p {
  margin-top: 5rem;
}


#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(2)>div.flexbox {
  margin-top: 5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;
}

#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(2)>div.flexbox>div {
  width: 45%;
}



#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(2)>div.flexbox>div>p {
  font-size: 1.3rem;
  text-align: center;
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div.ribbon {
  max-width: 30rem;
  margin: 0 auto;
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(2) {

  text-align: center;
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(2)>img {
  max-width: 10rem;


}

#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>p:nth-child(3) {
  margin: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  font-size: 1.5rem;
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(4) {
  margin: 5rem 1rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;

}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(4)>div {
  width: 45%;
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(4)>div>p {
  font-size: 1.3rem;
  text-align: center;
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>p.bold {
  font-weight: 600;
  text-align: center;
}

#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>p:nth-child(6) {
  margin: 1rem;
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(7) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10rem;
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(7)>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(7)>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(7)>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(7)>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}







/***************************************
:::::::::::::::::::::::::::::::::::::::

           WRAPPING

::::::::::::::::::::::::::::::::::::::::
****************************************/



#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone {
  margin: 0 1rem;
}

#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone>div>section>h1>img {
  width: 100%;
}

#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone>div>section>h1 {
  padding-top: 12rem;
}

#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.wrapbox {
  margin-top: 7rem;
}

#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.wrapbox>div>h2 {
  padding-left: 3rem;
  position: relative;
}

#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone>div>section>div:nth-child(2)>div>h2::after {
  position: absolute;
  content: "01";
  color: #f2cd00;
  font-size: 5rem;
  top: 0rem;
  right: 2rem;
  opacity: 50%;
  letter-spacing: 5px;
}


#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.wrapbox>div>p {
  font-weight: 500;
  letter-spacing: 1px;
}


#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.wrapbox>ul {
  display: flex;
  width: 100%;
  height: 250px;
  overflow-x: scroll;
  margin-top: 5rem;
}


#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.wrapbox>ul>li {
  width: 25rem;
  margin: 5px;
  flex-shrink: 0;
}


#oyako>ul>li>img,
#vegetable>ul>li>img,
#iiday>ul>li>img,
#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone>div>section>div:nth-child(5)>ul>li>img {
  width: 23rem;
}


#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone>div>section>div:nth-child(3)>div>h2::after {
  position: absolute;
  content: "02";
  color: #f2cd00;
  font-size: 5rem;
  top: 0rem;
  right: 2rem;
  opacity: 50%;
  letter-spacing: 5px;
}


#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone>div>section>div:nth-child(4)>div>h2::before {
  position: absolute;
  content: "";
  background-image: url("https://iiwan.jp/img/under/wrapping/new.png");
  background-size: contain;
  width: 5rem;
  height: 2rem;
  top: -2rem;
  left: 3rem
}




#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone>div>section>div:nth-child(4)>div>h2::after {

  position: absolute;
  content: "03";
  color: #f2cd00;
  font-size: 5rem;
  top: 0rem;
  right: 2rem;
  opacity: 50%;
  letter-spacing: 5px;
}



#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone>div>section>div:nth-child(5)>div>h2::after {
  position: absolute;
  content: "04";
  color: #f2cd00;
  font-size: 5rem;
  top: 7rem;
  right: 2rem;
  opacity: 50%;
  letter-spacing: 5px;
}

#sysMain>div.sysFuncText.sp_wrapdesc.sysDisplayTabletNone.sysDisplayPcNone>div>section>div:nth-child(5)>div>div.tag {
  max-width: 17rem;
  margin: 2rem;
}



#sysMain>div.sysFuncText.giftoption>div>section>div.ribbon {
  max-width: 30rem;
  margin: 0 auto;
}



#sysMain>div.sysFuncText.giftoption>div>section>div.flexbox>div.flexitem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 2rem;
}


#sysMain>div.sysFuncText.giftoption>div>section>div.flexbox>div.flexitem>div {
  max-width: 30rem;
}

#sysMain>div.sysFuncText.giftoption>div>section>div.flexbox>div.flexitem>p {
  font-weight: 500;
  letter-spacing: 1px;
}


#sysMain>div.sysFuncText.sp_noshioption.sysDisplayTabletNone.sysDisplayPcNone {
  margin: 5rem 1rem;
}


#sysMain>div.sysFuncText.sp_noshioption.sysDisplayTabletNone.sysDisplayPcNone>div>section>h2 {
  text-align: center;
  margin: 5rem;
}



#sysMain>div.sysFuncText.sp_noshioption.sysDisplayTabletNone.sysDisplayPcNone>div>section>p:nth-child(3) {
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 1.4rem;
}

#sysMain>div.sysFuncText.sp_noshioption.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.noshiLineup {
  margin-top: 3rem;
}

#sysMain>div.sysFuncText.sp_noshioption.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.noshiLineup>p {
  font-weight: 600;
}


#sysMain>div.sysFuncText.sp_noshioption.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.noshiLineup>ul {
  display: flex;
  width: 100%;
  height: 280px;
  overflow-x: scroll;
}


#sysMain>div.sysFuncText.sp_noshioption.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.noshiLineup>ul>li {
  width: 70%;
  margin: 5px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sysMain>div.sysFuncText.sp_noshioption.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.noshiLineup>ul.flexitem>li.noshiitem>p {
  margin: 1rem;
  font-weight: 600;
}



#sysMain>div.sysFuncText.sp_noshioption.sysDisplayTabletNone.sysDisplayPcNone>div>section>p:nth-child(5) {
  margin-top: 5rem;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 1px;
}


#sysMain>div.sysFuncText.sp_noshioption.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.noshitype {
  margin: 5rem 0;
}


#sysMain>div.sysFuncText.sp_noshioption.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.noshitype>p {
  font-weight: 600;
  text-align: center;
}


#sysMain>div.sysFuncText.sp_noshioption.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.noshitype>div>div.flexitem>p.bold {
  font-weight: 600;
  letter-spacing: 1px;
}

#sysMain>div.sysFuncText.sp_noshioption.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.noshitype>div>div.flexitem>p:nth-child(3) {
  font-size: 1.5rem;
  letter-spacing: 1px;
}


#sysMain>div.sysFuncText.sp_noshioption.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.noshitype>div>p {
  font-weight: 600;
  margin-top: 3rem;
  font-size: 1.5rem;
}


#sysMain>div.sysFuncText.wrappingorder>div>section {
  margin-bottom: 10rem;
}


#sysMain>div.sysFuncText.wrappingorder>div>section>div.article {
  margin: 1rem;
  text-align: center;
}

#sysMain>div.sysFuncText.wrappingorder>div>section>div.article.fadeUp.on>p {
  font-weight: 600;
  font-size: 1.4rem;
  letter-spacing: 1px;
}

#sysMain>div.sysFuncText.wrappingorder>div>section>p.bold {
  text-align: center;
  margin-top: 3rem;
  font-weight: 600;
  letter-spacing: 1px;
}


#sysMain>div.sysFuncText.wrappingorder>div>section>p:nth-child(3) {
  margin: 1rem;
  letter-spacing: 1px;
}

#sysMain>div.sysFuncText.wrappingorder>div>section>div.shopping {
  text-align: center;
  margin: 5rem 1rem;
}


#sysMain>div.sysFuncText.wrappingorder>div>section>div.shopping>div {
  max-width: 90px;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.wrappingorder>div>section>div.shopping>p {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}


#sysMain>div.sysFuncText.wrappingorder>div>section>div.categoryFlex {
    max-width: 35rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    grid-gap: 1rem;
}

#sysMain>div.sysFuncText.wrappingorder>div>section>div.categoryFlex>div {
 margin-right: 0;
}

#sysMain>div.sysFuncText.wrappingorder>div>section>p:nth-child(3)>a {
  border-bottom: 1px solid #f2cd00;
}




/****************************

　　　プライバシーポリシー

****************************/

#sysMain>div.sysFuncText.p-privacy.col2Style {
  padding-top: 10rem;
  margin: 0 1rem;
}

#sysMain>div.sysFuncText.p-privacy.col2Style>h1>span {
  background-color: #fafaf7;
}


/****************************

　　特商法

****************************/
#sysMain>div.sysFuncText.p-law>h1>span {
  background-color: #fafaf7;
}


/****************************

　　問い合わせフォーム

****************************/

#sysMain>div.sysFuncText.questions.col2Style>h1>span {
  background-color: #fafaf7;
}

/****************************

　　　  会員ログイン

****************************/

body#membership>#sysAll>#sysHeader>div.h_spnavi>#spNaviWrap>section.wrap1 {
  padding-top: 8rem;
  margin: 0 2rem;
}

/***************************************
:::::::::::::::::::::::::::::::::::::::

           shop一覧

::::::::::::::::::::::::::::::::::::::::
****************************************/

#sysMain>div.sysFuncText.shoplist {
  max-width: 30rem;
}

#shoplineup {
  font-size: 2rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopimage {
  max-width: 10rem;
}


#sysMain>div.sysFuncText.shoplist>div>div.tab {
  margin-top: 5rem;
}


#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.retailer {
  margin: 3rem auto;
  font-size: 1.8rem;
}


#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.shopwrap>div>div.itemContainer {
  display: block;
}


#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.shopwrap>div>div>div.itemwrap {
  width: inherit;
}


#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.shopwrap>div>div>div.itemwrap:nth-child(odd) {
  margin-right: 0;
}


#sysMain>div.sysFuncText.shoplist>div>div.jalcontainer>div {
  width: 30rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.jalcontainer>p {
  font-size: 1.6rem;
  font-weight: 500;
}


#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactTitle {
  font-size: 1.4rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactTitle>p:nth-child(2) {
  display: none;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList {
  display: block;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactBttn {
  margin-right: 0;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactBttn>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactBttn>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactBttn>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactBttn>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactNumber {
  width: inherit;
  border-top: 2px solid #1a1a1a;
  padding-top: 5rem;
}



/***************************************
:::::::::::::::::::::::::::::::::::::::

           FUTON特集ページ

::::::::::::::::::::::::::::::::::::::::
****************************************/



#sysMain>div.sysFuncText.myfirstfuton>div>div {
  margin: 0 10vw;
  max-width: unset;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92 {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div {
  display: inherit;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul {
  display: flex;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul>li:nth-child(1),
#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul>li:nth-child(2),
#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul>li:nth-child(3),
#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul>li:nth-child(4) {
  margin: 0 5px;
  width: inherit;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div.mainimg_f92 {
  width: 100%;
  margin-top: 2em;
}

#link_01 {
  margin-top: -120px !important;
  padding-top: 120px !important;
}


#link_01>div>h3 {
  margin: 0 5% 20px;
  padding: 0;
  font-size: 1.8rem;
  line-height: 1.4em;
}


#link_01>div>div.pic {
  width: 90%;
  margin: 0 auto 20px;
  float: none;
}

#link_01>div>div.text {
  width: 100%;
  margin: 0;
  padding: 0 5%;
  box-sizing: border-box;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common {
  margin-bottom: 60px;
  padding-bottom: 60px;
  background-size: 100%;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common>h2 {
  margin: 0 5% 30px;
  padding: 0;
  font-size: 2.0em;
  line-height: 1.4em;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common>h2>span {

  min-height: 56px;
  padding: 16px 0 0 25px;
  background-size: 50px;
  font-size: 2rem;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common>h2>span>span.iiwan-110-new>img {
  width: 60px;
  vertical-align: middle;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>h2>span>span.en {
  font-size: 2rem;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>ul>li {
  width: 100%;
  margin: 0 0 50px 0;
  padding: 0 5%;
  text-align: center;
  box-sizing: border-box;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>ul>li>a>img {
  width: 80%;
}


#link_02 {
  margin-top: -120px !important;
  padding-top: 120px !important;
}

#link_02>div {
  width: 100px;
}

#link_02>ul>li {
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0 5%;
  text-align: center;
  box-sizing: border-box;
}

#link_02>ul>li>img {
  width: 80%;
}

#link_02>ul>li>a>img {
  width: 80%;
}


#link_02>ul>li>p {
  margin-top: 0;
  font-size: inherit;
}

#link_03>div.block {
  margin: 0 0 30px;

}

#link_03>div.block>h3 {
  text-align: center;
  background: none;
  padding: 0;
}

#link_03>div.block>h3>span {
  min-height: 34px;
  padding: 5px 0 0 50px;
  background: url(/img/under/futon/icon_f92_h3.png) no-repeat left top;
  background-size: 40px;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  font-size: 2rem;
}

#link_03>div.block>div {
  padding: 15px 3%;
}

#link_03>div.block>div>div.title {
  width: 15%;
}

#link_03>div.block>div>div.title>img {
  width: 90%;
}

#link_03>div.block>div>div.contents {
  width: 85%;
  padding: 15px 3% 15px 9%;
}


#link_03>div.block>div>div.contents>div.type {
  width: 5%;
  left: 3%;
  top: 15px;
}

#link_03>div.block>div>div.contents>div.block_line.clearfix {
  padding-bottom: 20px;
}


#link_03>div.block>div>div.contents>div.block_line.clearfix>div.pic {
  width: 100%;
  margin: 0;
}

#link_03>div.block>div>div.contents>div.block_line.clearfix>div.text {
  width: 100%;
  float: none;
}

#link_03>div.block>div>div.contents>div.block_normal>div.pic {
  width: 100%;
}

#link_03>div.block>div>div.contents>div.block_normal>div.text {
  width: 100%;
  float: none;
}

#link_03>div.block>div>div.contents>div.block_normal>div.text>p {
  font-size: inherit;
  width: unset;
  position: static;
}



#link_04 {
  margin-top: -120px !important;
  padding-top: 120px !important;
}

#link_04>div:nth-child(2) {
  margin: 0 auto 60px;
}

#link_04>div:nth-child(2)>h3 {
  background: none;
  text-align: center;
  margin: 0 5% 20px;
  padding: 0;
  font-size: 1.8em;
  line-height: 1.4em;
  min-height: unset;
}

#link_04>div:nth-child(2)>h3>span {
  min-height: 34px;
  padding: 5px 0 0 50px;
  background: url(/img/under/futon/icon_f92_h3.png) no-repeat left top;
  background-size: 40px;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  font-size: 2rem;
}


#link_04>div:nth-child(2)>div {
  width: 98%;
  margin: 0 auto;
}


#link_04>div:nth-child(3) {
  margin-bottom: 0;
}

#link_04>div:nth-child(3)>h3 {
  text-align: center;
  min-height: unset;
  background: none;
  padding: 0;
}

#link_04>div:nth-child(3)>h3>span {
  font-size: 2rem;
}


#link_04>div:nth-child(3)>p {
  text-align: left;
}

#link_04>div:nth-child(3)>div {
  width: 90%;
  margin: 0 auto;
}

#link_04>div:nth-child(3)>div>div.left {
  width: 100%;
  margin: 0 0 30px;
  float: none;
}

#link_04>div:nth-child(3)>div>div.right {
  width: 100%;
  margin: 0;
  float: none;
}

#link_04>div:nth-child(3)>div>div>img {
  margin-bottom: 20px;
}

#link_04>div:nth-child(3)>div>div>p {
  width: unset;
}

#link_04>div:nth-child(3)>div>div>p>span {
  font-weight: bold;
}



#carry {
  margin-top: -120px !important;
  padding-top: 120px !important;
}


#carry>div.pic {
  width: 100%;
  margin: 0 auto;
}


#carry>div>img {
  margin-bottom: 20px;
}


#carry>p {
  width: 90%;
  font-size: inherit;
}


#air {
  margin-top: -120px !important;
  padding-top: 120px !important;
}

#air>div.pic {
  width: 100%;
  margin: 0 auto;
}


#air>div>img {
  margin-bottom: 20px;
}


#air>p:nth-child(3),
#air>p:nth-child(4) {
  width: 90%;
  font-size: inherit;
}


#air>ul {
  width: 90%;
  margin: 40px auto 0;
}

#air>ul>li {
  width: 100%;
  margin: 0 0 40px 0;
}


#air>ul>li>h3 {
  font-size: 2.3rem;
}


#air>ul>li>ul {
  font-size: 1.4em;
  line-height: 1.4em;
}

#air>ul>li>ul>li {
  width: 100%;
  letter-spacing: normal;
  vertical-align: top;
  font-size: 1.8rem;
}

#care {
  margin-top: -120px !important;
  padding-top: 120px !important;
}

#care>h2>span {
  background-size: 50px;
}

#care>ul {
  width: 80%;
  margin: 0 auto;
}

#care>ul>li {
  width: 100%;
  font-size: 1.6rem;
}

#care>ul>li:nth-of-type(even) {
  width: 60px;
  margin: 0 0 20px;
  height: unset;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08 {
  margin-bottom: 60px;
  padding-bottom: 60px;
  background-size: 100%;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>h2 {
  margin: 0 5% 30px;
  font-size: 2.0em;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>h2>span {
  min-height: 56px;
  padding: 16px 0 0 25px;
  background-size: 50px;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>h2>span>img {
  width: 180px;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_01 {

  margin-bottom: 70px;
  padding-bottom: 150px;
  background-size: 100%;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_01>div {
  width: 60px;
  right: 7%;
  bottom: 25%;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_02 {
  margin-bottom: 70px;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03 {
  text-align: center;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>h3 {
  margin: 0 5% 20px;
  padding: 0;
  font-size: 1.8em;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>h3>img {
  margin-bottom: 10px;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>div {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  position: static;
  min-height: unset;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>div>img {
  width: 45%;
  margin-bottom: 20px;
  position: static;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>div>p {
  width: 90%;
  margin: 0 auto 30px;
  line-height: 1.8em;
  font-weight: bold;
  text-align: left;
  margin-top: 0;
  font-size: 1.4rem;
}



#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>ul {
  width: 70%;
  margin: 0 auto;
  text-align: left;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>ul>li {
  width: 100%;
  margin: 0;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(12)>h2>span {
  min-height: 56px;
  padding: 16px 0 0 25px;
  background-size: 50px;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(12)>ul {
  letter-spacing: normal;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(12)>ul>li {
  width: 100%;
  margin: 0 0 50px 0;
  padding: 0 5%;
  text-align: center;
  box-sizing: border-box;
  display: block;
}

/***************************************
:::::::::::::::::::::::::::::::::::::::

          施設導入インタビュー

::::::::::::::::::::::::::::::::::::::::
****************************************/

#sysMain>div.sysFuncText.corporation>div>h1 {
  max-width: 10rem;
}

#sysMain>div.sysFuncText.corporation>div>div.listwrap {
  margin: 5rem 2vw;
}

#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.ribbon {
  max-width: 35rem;
  width: 100%;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap {
  max-width: 35rem;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.ribbon {
  max-width: 25rem;
  width: 100%;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.interviewlogo {
  max-width: 25rem;
  width: 100%;
}



#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(1) {
  flex-direction: column;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(1)>div.comImage {
  width: 80%;
  margin: 0 auto;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(1)>div:nth-child(2) {
  width: 80%;
  margin: 0 auto;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(1)>div:nth-child(2)>p.bold {
  font-size: 1.6rem;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(1)>div:nth-child(2)>p:nth-child(2),
#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(1)>div:nth-child(2)>p:nth-child(3) {
  font-size: 1.4rem;
  margin: 0 auto;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div.conceptContainer {
  padding: 3rem;
  border-radius: 10px;
  margin: 5rem 2vw;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div.conceptContainer>div {
  max-width: 15rem;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div.conceptContainer>p {
  font-size: 1.5rem;
  letter-spacing: 1.5px;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(3) {
  justify-content: space-around;
  margin: 3rem 0;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.itemContainer>div:nth-child(3)>img {
  border-radius: 10px;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.interviewContainer {
  font-size: 1.5rem;
  max-width: 35rem;
  margin: 0;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.interviewContainer>p:nth-child(odd) {
  margin-top: 2rem;
}

#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap>div.interviewContainer>p:nth-child(even) {
  margin: 0;
}


#sysMain>div.sysFuncText.corporation>div>div.jalContainer>div:nth-child(1)>div:nth-child(1) {
  top: -10rem;
  right: 5rem;
}


#sysMain>div.sysFuncText.corporation>div>div.jalContainer>div:nth-child(1)>div:nth-child(1)>img,
#sysMain>div.sysFuncText.corporation>div>div.jalContainer>div:nth-child(1)>div:nth-child(2)>img {
  width: 8rem;
}

#sysMain>div.sysFuncText.corporation>div>div.jalContainer>div:nth-child(1)>div:nth-child(2) {
  top: -5rem;
  left: 5rem;
}


#sysMain>div.sysFuncText.corporation>div>div.jalContainer>div:nth-child(4)>div>img {
  width: 9rem;
}

#sysMain > div.sysFuncText.shoplist > div > div.jalcontainer > p.first{
font-weight: 500;
font-size: 1.6rem;
}

#sysMain > div.sysFuncText.shoplist > div > div.jalcontainer > p.second{
font-weight: 500;
font-size: 1.7rem;
}

#sysMain>div.sysFuncText.corporation>div>div:nth-child(5)>div:nth-child(3) {
  margin-bottom: 8rem;
}



#sysMain>div.sysFuncText.corporation>div>div:nth-child(5)>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.corporation>div>div:nth-child(5)>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.corporation>div>div:nth-child(5)>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.corporation>div>div:nth-child(5)>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


#sysMain>div.sysFuncText.corporation>div>div.messagewrap {
  max-width: 35rem;
}

#sysMain>div.sysFuncText.corporation>div>div.messagewrap>p.bold {
  text-align: center;
  font-size: 1.6rem;
  display: inline;
  background: linear-gradient(transparent 70%, #ff6 60%);
}

#sysMain>div.sysFuncText.corporation>div>div.messagewrap>p:nth-child(2) {
  text-align: left;
  line-height: inherit;
  font-size: 1.5rem;
}


#sysMain>div.sysFuncText.corporation>div>div.flow>div:nth-child(1) {
  max-width: 25rem;
  width: 100%;
}


#sysMain>div.sysFuncText.corporation>div>div.flow>div:nth-child(2) {
  max-width: 30rem;
  width: 100%;
}


#sysMain>div.sysFuncText.corporation>div>div.houjinContact {
  margin: 8rem auto;
}

#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactTitle {
  margin: 0;
}

#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactTitle>p:nth-child(2) {
  display: none;
}

#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactList {
  border-top: none;
  display: block;
}


#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactList>div.contactBttn>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactList>div.contactBttn>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactList>div.contactBttn>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactList>div.contactBttn>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


#sysMain>div.sysFuncText.corporation>div>div.houjinContact>div.contactList>div.contactNumber {
  margin-right: 0;
}


/***************************************
:::::::::::::::::::::::::::::::::::::::

          ii FRIENDS

::::::::::::::::::::::::::::::::::::::::
****************************************/

#sysMain>div.sysFuncText.ii-friends {
  margin-top: 0;
    padding-top: 12rem;
}


#sysMain>div.sysFuncText.ii-friends>div>h1>div.titleImage,
#sysMain>div.sysFuncText.ii-friends>div>section.about>div>div:nth-child(2),
#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div>div:nth-child(1),
#sysMain>div.sysFuncText.ii-friends>div>section.reason>div:nth-child(4) {
  display: none;
}

#sysMain>div.sysFuncText.ii-friends>div>section.about>div {
  display: block;
}

#sysMain>div.sysFuncText.ii-friends>div>section.about>div>div.texbox {
  max-width: 100%;
  margin: 0;
}

#sysMain>div.sysFuncText.ii-friends>div>section.about>div>div.texbox>div.ribbon {
  max-width: 25rem;
}

#sysMain>div.sysFuncText.ii-friends>div>section.about>div>div.texbox>div.forsp,
#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div>div.texbox>div.forsp,
#sysMain>div.sysFuncText.ii-friends>div>section.reason>div.forsp {
  max-width: 100%;
  margin: 5rem 0 0;
}

#sysMain>div.sysFuncText.ii-friends>div>section.about>div>div.texbox>p,
#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div>div.texbox>p,
#sysMain>div.sysFuncText.ii-friends>div>section.reason>p:nth-child(3),
#sysMain>div.sysFuncText.ii-friends>div>section.reason>p:nth-child(5) {
  margin: 2rem;
  font-size: 1.6rem;
}

#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div {
  display: block;
}


#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div>div.texbox {
  max-width: 100%;
  margin: 0;
}

#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div>div.texbox>div.ribbon,
#sysMain>div.sysFuncText.ii-friends>div>section.reason>div.ribbon,
#sysMain>div.sysFuncText.ii-friends>div>section.howtojoin>div.ribbon {
  max-width: 25rem;
}


#sysMain>div.sysFuncText.ii-friends>div>section.reason {
  margin: 0;
  width: 100%;
}


#sysMain>div.sysFuncText.ii-friends>div>section.reason>p:nth-child(3) {
  width: unset;
}


#sysMain>div.sysFuncText.ii-friends>div>section.howtojoin {
  margin: 8rem 0;
}


#sysMain>div.sysFuncText.ii-friends>div>section.howtojoin>div:nth-child(2),
#sysMain>div.sysFuncText.ii-friends>div>section.howtojoin>div:nth-child(4) {
  max-width: 5rem;
}

#sysMain>div.sysFuncText.ii-friends>div>section.howtojoin>p:nth-child(3),
#sysMain>div.sysFuncText.ii-friends>div>section.howtojoin>p:nth-child(5) {
  margin: 1rem;
}

#sysMain>div.sysFuncText.ii-friends>div>section.present>div.presentTtile>div.absolute {
  width: 90%;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.ii-friends>div>section.present>div.presentTtile>div:nth-child(2) {
  padding-top: 6rem;
  max-width: 30rem;
  margin: 0 auto;
}


#sysMain>div.sysFuncText.ii-friends>div>section.present>div.flexbox {
  flex-direction: column;
}


#sysMain>div.sysFuncText.ii-friends>div>section.present>div.flexbox>div.flexitem {
  width: 80%;
}

#sysMain>div.sysFuncText.ii-friends>div>section.present>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.ii-friends>div>section.present>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
  font-size: 1.4rem;
}

#sysMain>div.sysFuncText.ii-friends>div>section.present>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.ii-friends>div>section.present>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


/******************************************************************************************************************************************

　　　　　　　　　　　商品詳細ページ

*******************************************************************************************************************************************/

#productWrap {
  margin-top: 0;
}

#productWrap>div.sysCategoryPankuzu>a {
  margin-left: 2rem;
}

#productWrap>div.sysBlock.flexwrap {
  flex-direction: column;
}

#productWrap>div.sysBlock.flexwrap>div.sysBlock.oderarea {
  width: 90%;
  margin: 0 auto;
}


#sysSelections {
  text-align: inherit;
}

#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four {
  justify-content: space-between;
  flex-direction: column;
}

#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child {
  margin-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child>div.desc {
  margin-top: 2rem;
  padding-left: 2rem;
}


#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child>div.desc>div>span>img {
  width: 7rem;
}


#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child>div.desc>p:nth-child(1) {
  text-align: center;
  margin-top: 0;
}

#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child>div.desc>div {
  text-align: left;
}


#sysExplanation>details:nth-child(2)>div>div.color>div>div.flex-two-child {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


#sysExplanation>details:nth-child(2)>div>div.color>div.flex-two>div.flex-two-child>div {
  width: 100%;
  max-width: 25rem;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.flex-two>div.flex-two-child>div.flex-column {
  margin-top: 2rem;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.flex-two>div.flex-two-child>div.flex-column>div:first-child {
  margin-left: 0;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.flex-two>div.flex-two-child>div.flex-column>div:nth-child(2) {
  padding-left: 0;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.mixcolor>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysExplanation>details:nth-child(2)>div>div.color>div.mixcolor>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
  font-size: 1.4rem;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.mixcolor>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysExplanation>details:nth-child(2)>div>div.color>div.mixcolor>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.coloridea>p {
  font-size: 1.6rem;
}


#sysExplanation>details:nth-child(2)>div>div.color>div.coloridea>div.idea>p {
  text-align: left;
  border-bottom: 2px solid #f2cd00;
}

#sysExplanation>details:nth-child(2)>div>div.color>div.coloridea>div.idea>p>span {
  border-bottom: none;
}





#sysExplanation>details:nth-child(3)>div>div.itemSize>table>tbody>tr>th {
  width: 50%;
  padding-left: 2rem;
}


#sysExplanation>details:nth-child(4)>div>div.giftOption>div>div>div>img {
  border-radius: 10px;
}



#sysExplanation>details:nth-child(2)>div>div.intro>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysExplanation>details:nth-child(2)>div>div.intro>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
  font-size: 1.4rem;
}

#sysExplanation>details:nth-child(2)>div>div.intro>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysExplanation>details:nth-child(2)>div>div.intro>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


#sysExplanation>details:nth-child(3)>div>div.intro>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysExplanation>details:nth-child(3)>div>div.intro>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
  font-size: 1.4rem;
}

#sysExplanation>details:nth-child(3)>div>div.intro>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysExplanation>details:nth-child(3)>div>div.intro>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}



#sysExplanation>details:nth-child(4)>div>div:nth-child(1)>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysExplanation>details:nth-child(4)>div>div:nth-child(1)>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
  font-size: 1.4rem;
}

#sysExplanation>details:nth-child(4)>div>div:nth-child(1)>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysExplanation>details:nth-child(4)>div>div:nth-child(1)>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


#sysExplanation>details:nth-child(4)>div>div.giftOption>div.flex-two>div>div>img {
  border-radius: 10px;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysExplanation>details:nth-child(4)>div>div.giftOption>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
  font-size: 1.4rem;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysExplanation>details:nth-child(4)>div>div.giftOption>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}

#sysExplanation>details:nth-child(4)>div>div:nth-child(3) {
  margin-top: 5rem;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption>div.aboutwrap {
  text-align: left;
}

#sysExplanation > details:nth-child(5) > div > div.grid{
display: block;
}

#sysExplanation > details:nth-child(5) > div > div.grid > div.grid__img{
    max-width: 350px;
    margin: 0 auto;
}

#sysExplanation > details:nth-child(5) > div > div.grid > div.grid__color{
max-width: 300px;
    margin: 20px auto;
}

#sysExplanation > details:nth-child(5) > div > div.grid > p{
max-width: 300px;
    margin: 0 auto;
    width: 100%;
}


#sysExplanation > details:nth-child(5) > div > div.flex-two{
flex-direction: column;
}

#sysExplanation > details:nth-child(5) > div > div.flex-two > div{
width: 100%;
}




/*オプションボタン*/

#sysSelections>div>select {
  width: 100%;
}

#sysSelections>div:nth-child(6)>div>p {
  text-align: right;
}


/*.sysReview*/
#sysItemDetail .sysReview {
  width: 100%;
  max-width: 30rem;
  margin: 0 auto;
}



/*******単品only******/

#sysExplanation>details:nth-child(4)>div>div.giftOption_item>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysExplanation>details:nth-child(4)>div>div.giftOption_item>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
  font-size: 1.4rem;
}

#sysExplanation>details:nth-child(4)>div>div.giftOption_item>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysExplanation>details:nth-child(4)>div>div.giftOption_item>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}





/*********************************

　　　　カテゴリーページ

*********************************/

#sysItemCategory>#sysAll>#sysWrap {
  margin-top: 0;
}

#sysItemCategory>#sysAll>#sysMain,
#sysItemCategory>#sysAll>#sysWrap>#sysMain {
  margin-top: 0;
  margin-bottom: 10rem;
  max-width: 35rem;
}

#sysItemCategory>#sysAll>#sysMain>div.sysFuncText.category_bttn>div>div.categoryFlex,
#sysItemCategory>#sysAll>#sysWrap>#sysMain>div.sysFuncText.category_bttn>div>div.categoryFlex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  grid-gap: 1rem;
}


#sysItemCategory>#sysAll>#sysMain>div.sysFuncText.category_bttn>div>div.categoryFlex>div:nth-child(1),
#sysItemCategory>#sysAll>#sysMain>div.sysFuncText.category_bttn>div>div.categoryFlex>div:nth-child(2),
#sysItemCategory>#sysAll>#sysWrap>#sysMain>div.sysFuncText.category_bttn>div>div.categoryFlex>div:nth-child(1),
#sysItemCategory>#sysAll>#sysWrap>#sysMain>div.sysFuncText.category_bttn>div>div.categoryFlex>div:nth-child(2) {
  margin-right: 0;
}



/**********************************
       
　　　　ご利用ガイドページ

**********************************/

#sysMain>div.sysFuncText.s_guide.col2Style {
  max-width: 30rem;
}




/**************************************
***************************************

           お知らせ詳細ページ

***************************************
***************************************/


#newinfo>h2 {
  max-width: 30rem;
  padding: 2rem;
  font-size: 1.8rem;
}

#newinfo>div.infoimage {
  max-width: 30rem;
}

#newinfo>div.infotext {
  max-width: 30rem;
}

#sysInformation>#sysAll>#sysMain>article>div.sysNewsDetail>#shopping>div {
  margin-top: 10rem;
  margin-bottom: 10rem;
}


/**************************************
***************************************

         キャンペーン詳細ページ

***************************************
***************************************/

#newevent>h2 {
  max-width: 30rem;
  padding: 2rem;
  font-size: 1.8rem;
}


#eventimage {
  max-width: 30rem;
}


#eventtext {
  max-width: 30rem;
}

#event_1>#sysAll>#sysMain>div.event_1>div.sysContent>#shopping>div,
#event_2>#sysAll>#sysMain>div.event_2>div.sysContent>#shopping>div,
#event_3>#sysAll>#sysMain>div.event_3>div.sysContent>#shopping>div {
  margin-top: 10rem;
  margin-bottom: 10rem;
}


#sysMain>div.sysFuncText.event_1>div>div.nextevent,
#sysMain>div.sysFuncText.event_2>div>div.nextevent,
#sysMain>div.sysFuncText.event_3>div>div.nextevent {
  max-width: 30rem;
}


/*******************************

         FAQ

*******************************/
#faqcontents {
  padding-top: 12rem;
}




#faqcontents>div.futonlink {
  width: 20rem;
  padding: 1rem;
  font-size: 1.4rem;
  margin-bottom: 5rem;
}


/******************************
******************************

     レビュー一覧

********************************
******************************/

#sysItemReviewIndex>#sysAll>#sysWrap>#sysMain>form:nth-child(5)>input.sysButton {
  width: 150px;
}

#sysItemReviewIndex>#sysAll>#sysWrap>#sysMain>h2 {
  margin-top: 5rem;
}

/******************************
******************************

     新規会員登録

********************************
******************************/



/******************************
******************************

   English ページ

********************************
******************************/


#ENGLISHcontents>div.common_inner {
  max-width: 30rem;
  margin: 10rem auto;
}

#wrapper_f82>div.block_f82 {
  margin: 3rem 0;
}

#wrapper_f82>div.block_f82>ul.img_line3 {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

#wrapper_f82>div.block_f82>ul.img_line3>li {
  width: 45%;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

#wrapper_f82>div.block_f82>div.btn_line3 {
  margin: 2rem 0;
}

#h2_f82_01 {
  max-width: 10rem;
}

#wrapper_f82>div.block_f82>h3 {
  font-size: 1.5rem;
}

#wrapper_f82>div.block_f82>div.block_f82_products {
  position: relative;
  display: block;
}

#list_f82_products {
  display: block;
}

#list_f82_products>li {
  width: 100%;
}

#list_f82_products>li:nth-child(even) {
  margin-left: 0rem;
}

#wrapper_f82>div.block_f82>table.table_f82_notice>tbody>tr {
  vertical-align: baseline;
}

#img_f82_fukidashi {
  width: 8rem;
}

/**************************************
　　　　ギフト直送ページ
***************************************/



#sysMain>div.sysFuncText.directdelivery>div>div.chokusoMainBlock {
margin: 0 1rem;
    padding-top: 12rem;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div.slick-track {
  padding: 0;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slick-slide {
  width: 100%;
}


#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slider-item>div.slider-image {
  width: 100% !important;
  height: 30vh;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slider-item>div.chokusobox {
  width: 100%;
  padding: 0;
}

.slick-initialized .slick-slide {
  display: block;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slider-item>div.chokusobox>p.textTitle {
  font-size: 1.6rem;
  text-align: center;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slider-item>div.chokusobox>p.textTitle>span {
  font-size: 1.8rem;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slider-item>div.chokusobox>p.honbun {
  padding: 0 2rem;
}

.slick-prev,
.slick-next {
  height: 15px;
  width: 15px;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.Footerkugiri>img.iiwanbox {
  max-width: 55px;
  margin: 0 2rem;
  top: -3.5rem;
  left: 0rem;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.Footerkugiri>img.deliverycar {
  right: 2rem;
  margin: 0 2rem;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.Footerkugiri {
  margin-top: 5rem;
}

#sysMain>div.sysFuncText.footershopping>div.sysContent>#shopping>div.content-width {
  margin-top: 0rem;
  margin-bottom: 5rem;
}


/************************

法人専用ギフトセットページ

*************************/


#sysExplanation>details.accordion-003>div.BOX>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysExplanation>details.accordion-003>div.BOX>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
  font-size: 1.4rem;
}

#sysExplanation>details.accordion-003>div.BOX>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysExplanation>details.accordion-003>div.BOX>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}




/****************************

　　　クリスマス用商品ページ

*****************************/

#merryxmasitem>div.image {
  margin: 2rem;
}


#merryxmasitem>div.giftsetWrap>div.set-7>div.image-7>img {
  border-radius: 1rem;
}

#merryxmasitem>div.giftsetWrap>div.set-other {
  margin-top: 1.5rem;
}

#merryxmasitem>div.giftsetWrap>div.set-other>p {
  font-size: 1.5rem;
  margin-top: 2rem;
}

#merryxmasitem>div.giftsetWrap>div.set-other>div.flexwrap {
  margin: 1rem 0;
}

#merryxmasitem>div.giftsetWrap>div.set-other>div.flexwrap>div.set-flex>a>div>img {
  border-radius: 1rem;
}

#merryxmasitem>div.giftsetWrap>div.set-other>div.flexwrap>div.set-flex>a>p {
  font-size: 1.3rem;
  font-weight: 500;
}

#merryxmasitem>div.giftsetWrap>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#merryxmasitem>div.giftsetWrap>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
  font-size: 1.4rem;
}

#merryxmasitem>div.giftsetWrap>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#merryxmasitem>div.giftsetWrap>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}

#merryxmasitem>div.giftsetWrap>div.presentWrap>div.itemWrap>div.number {
  max-width: 0.8rem;
}

#merryxmasitem>div.giftsetWrap>div.presentWrap>div.itemWrap>div.itemFlex>div>img {
  border-radius: 1rem;
}

#merryxmasitem>div.giftsetWrap>div.presentWrap>div.itemWrap>div.itemFlex>p {
  font-size: 1.4rem;
}


#merryxmasitem>div.giftsetWrap>div.presentWrap>div.itemWrap>div.itemFlex>p>span {
  font-size: 1.6rem;
}


#merryxmasitem>div.giftsetWrap>div.presentWrap>div:nth-child(3)>div.number {
  max-width: 2rem;
}

#merryxmasitem>div.giftsetWrap>div.presentWrap>div:nth-child(4)>div.number {
  max-width: 2.8rem;
}


#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
  font-size: 1.4rem;
}

#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysExplanation>details.accordion-00>div>div.intro>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}

#sysExplanation>details.accordion-00>div>div.contents>div {
  justify-content: space-between;
  flex-direction: column;
}


#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child {
  margin-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child>div:nth-child(1) {
  max-width: unset;
}

#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child>div.desc {
  margin-top: 2rem;
  padding-left: 2rem;
}

#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child>div.desc>p:nth-child(1) {
  text-align: center;
  margin-top: 0;
}

#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child>div.desc>p:nth-child(1)>span {
  border-bottom: 2px solid #f2cd00;
  padding-bottom: 0.5rem;
}

#sysExplanation>details.accordion-00>div>div.contents>div>div.four-child>div.desc>div {
  text-align: left;
}

#sysExplanation>details.accordion-00>div>div.color>div.flex-two>div.flex-two-child {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sysExplanation>details.accordion-00>div>div.color>div.flex-two>div.flex-two-child>div:nth-child(1) {
  width: 100%;
  max-width: 25rem;
}

#sysExplanation>details.accordion-00>div>div.color>div.flex-two>div.flex-two-child>div.flex-column {
  margin-top: 2rem;
  width: 100%;
  max-width: 25rem;
}

#sysExplanation>details.accordion-00>div>div.color>div.flex-two>div.flex-two-child>div.flex-column>div.borderYL,
#sysExplanation>details.accordion-00>div>div.color>div.flex-two>div.flex-two-child>div.flex-column>div.borderWH,
#sysExplanation>details.accordion-00>div>div.color>div.flex-two>div.flex-two-child>div.flex-column>div.borderBL,
#sysExplanation>details.accordion-00>div>div.color>div.flex-two>div.flex-two-child>div.flex-column>div.borderGR,
#sysExplanation>details.accordion-00>div>div.color>div.flex-two>div.flex-two-child>div.flex-column>div.borderPK {
  margin-left: 0;
}

#sysExplanation>details.accordion-00>div>div.color>div.flex-two>div.flex-two-child>div.flex-column>div:nth-child(2) {
  padding-left: 0;
}


#sysExplanation>details.accordion-00>div>div.itemSize>table>tbody>tr>th {
  width: 50%;
  padding-left: 2rem;
}


#sysExplanation>details.accordion-00>div>div.giftOption>div.flex-two>div.flex-column>div>img {
  border-radius: 10px;
}


#sysExplanation>details.accordion-00>div>div.giftOption>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysExplanation>details.accordion-00>div>div.giftOption>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
  font-size: 1.4rem;
}

#sysExplanation>details.accordion-00>div>div.giftOption>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysExplanation>details.accordion-00>div>div.giftOption>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}

/***************************************

　　　　　　　クリスマスLP

****************************************/

#sysMain>div.sysFuncText.sp_firstvisual.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.catchbox {
  margin: 3rem 1.5rem 25rem;
  position: relative;
}


#sysMain>div.sysFuncText.sp_firstvisual.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.catchbox>div.itemimage {
  position: absolute;
  right: 1rem;
  top: 6rem;
  z-index: -1;
}

#sysMain>div.sysFuncText.sp_firstvisual.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.abouttexbox {
  margin: 0 1.5rem;
}


#sysMain>div.sysFuncText.sp_firstvisual.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.catchbox>div.itemimage>img {
  max-width: 28rem;
  width: 100%;
}


#sysMain>div.sysFuncText.sp_firstvisual.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.abouttexbox>h2 {
  text-align: center;
}


#sysMain>div.sysFuncText.sp_firstvisual.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.abouttexbox>h2>img {
  max-width: 13rem;
}


#sysMain>div.sysFuncText.sp_firstvisual.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.abouttexbox>p.bold {
  font-weight: 600;
  margin-top: 2rem;
  text-align: center;
}

#sysMain>div.sysFuncText.sp_firstvisual.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.abouttexbox>p:nth-child(3) {
  font-weight: 500;
}

#sysMain>div.sysFuncText.sp_firstvisual.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.Bttn.for_sp {
  text-align: center;
  margin-top: 2rem;
}

#sysMain>div.sysFuncText.reason {
  margin: 0;
}


#sysMain>div.sysFuncText.reason>div>section>h2>img {
  width: 100%;
  max-width: 23rem;
}

#sysMain>div.sysFuncText.reason>div>section>div.textbox {
  position: static;
}

#sysMain>div.sysFuncText.reason>div>section>div.textbox>p {
  font-size: 1.6rem;
  padding-left: 4rem;
  margin: 2rem 1rem;
}

#sysMain>div.sysFuncText.reason>div>section>div.textbox>p::before {
  position: absolute;
  padding-right: 5px;
  left: 1rem;
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(/img/lp/check.png);
  background-size: contain;
  vertical-align: middle;
}


#sysMain>div.sysFuncText.reason>div>section>div.textbox>p::after {
  display: none;
}


#sysMain>div.sysFuncText.material>div>section>h2>img {
  width: 100%;
  max-width: 13rem;
}


#sysMain>div.sysFuncText.material>div>section.safety>div:nth-child(2) {
  max-width: 30rem;
}

#sysMain>div.sysFuncText.material>div>section.safety>p {
  font-size: 1.4rem;
  margin: 0 1.5rem;
  text-align: left;
}

#sysMain>div.sysFuncText.material>div>section>div.bgimage.for_sp {
  text-align: center;

}

#sysMain>div.sysFuncText.material>div>section>div.bgimage.for_sp>img {
  max-width: 20rem;
}

#sysMain>div.sysFuncText.material {
  margin-bottom: 0;
}


#sysMain>div.sysFuncText.testreport>div>section>h2>img {
  width: 100%;
  max-width: 23rem;
}

#sysMain>div.sysFuncText.testreport>div>section>p:nth-child(2) {
  margin: 2rem 1.5rem;
  text-align: left;
  font-size: 1.4rem;
}


#sysMain>div.sysFuncText.testreport>div>section>div.reportimage {
  max-width: 30rem;
  margin: 2rem auto;
}

#sysMain>div.sysFuncText.testreport>div>section>p:nth-child(4) {
  max-width: 30rem;
  font-size: 1.4rem;
}

#sysMain>div.sysFuncText.sp_itemlineup.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.circlewrap>h2 {
  text-align: center;
}


#sysMain>div.sysFuncText.sp_itemlineup.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.circlewrap>h2>img {
  width: 100%;
  max-width: 13rem;
}


#sysMain>div.sysFuncText.sp_itemlineup.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.circlewrap>div.flexbox {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 3rem 1rem;
}

#sysMain>div.sysFuncText.sp_itemlineup.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.circlewrap>div.flexbox>div.itembox {
  width: 100%;
  max-width: 25rem;
}

#sysMain>div.sysFuncText.sp_itemlineup.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.circlewrap>div.flexbox>div.itembox>img.item {
  width: 100%;
  padding: 2rem;
}

#sysMain>div.sysFuncText.sp_itemlineup.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.circlewrap>div.flexbox>div.text {
  width: 100%;
  max-width: 25rem;
}

#sysMain>div.sysFuncText.sp_itemlineup.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.circlewrap>div.flexbox>div.text>p.bold {
  color: #f2cd00;
  font-weight: 600;
  font-size: 1.4rem;
}

#sysMain>div.sysFuncText.sp_itemlineup.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.circlewrap>div.flexbox>div.text>p.details {
  font-size: 1.4rem;
  font-weight: 500;
}

#sysMain>div.sysFuncText.sp_itemlineup.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.circlewrap {
  background-color: #fbf4be;
}




#sysMain>div.sysFuncText.sp_itemlineup.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.bg-top {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 120px;

  &::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    width: 400vw;
    height: 500vw;
    border-radius: 100%;
    background-color: #fbf4be;
  }
}


#sysMain>div.sysFuncText.sp_itemlineup.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.bg-bottom {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 120px;

  &::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    width: 400vw;
    height: 500vw;
    border-radius: 100%;
    background-color: #fbf4be;
  }
}


#sysMain>div.sysFuncText.sp_itemlineup.sysDisplayTabletNone.sysDisplayPcNone>div>section>div.circlewrap>div:nth-child(8) {
  margin-bottom: 0;
}


#sysMain>div.sysFuncText.sp_itemlineup.sysDisplayTabletNone.sysDisplayPcNone>div>section>div:nth-child(4) {
  max-width: 30rem;
  margin: 0 auto;
  animation: move 1s steps(2, start) infinite;
}

#sysMain>div.sysFuncText.media>div>section>h2>img {
  width: 100%;
  max-width: 13rem;
}

#sysMain>div.sysFuncText.media>div>section.media>p {
  font-size: 1.6rem;
}

#sysMain>div.sysFuncText.media>div>section>div.for_sp {
  margin: 3rem;
}


#sysMain>div.sysFuncText.award>div>section>h2>img {
  width: 100%;
  max-width: 8rem;
}

#sysMain>div.sysFuncText.award>div>section.award>p {
  font-size: 1.6rem;
}

#sysMain>div.sysFuncText.award>div>section>div>div.flexitem>p {
  font-size: 1.4rem;
}


#sysMain>div.sysFuncText.uservoice>div>section>h2>img {
  width: 100%;
  max-width: 23rem;
}


#sysMain>div.sysFuncText.uservoice>div>section.review>p {
  font-size: 1.6rem;
}

#sysMain>div.sysFuncText.uservoice>div>section>div.reviewbox.for_sp {
  margin: 2rem 1.5rem;
}


#sysMain>div.sysFuncText.uservoice>div>section>div.reviewbox.for_sp>div.reviewitem {
  display: flex;
  flex-direction: column;
  margin: 2rem 0;
}

#sysMain>div.sysFuncText.uservoice>div>section>div.reviewbox.for_sp>div.reviewitem>div.titlewrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}


#sysMain>div.sysFuncText.uservoice>div>section>div.reviewbox.for_sp>div.reviewitem>div.titlewrap>div {
  width: 20%;
  max-width: 10rem;
}

#sysMain>div.sysFuncText.uservoice>div>section>div.reviewbox.for_sp>div.reviewitem>div.titlewrap>div>img {
  width: 100%;
}

#sysMain>div.sysFuncText.uservoice>div>section>div.reviewbox.for_sp>div.reviewitem>div.titlewrap>p {
  font-weight: 600;
  width: 75%;
}

#sysMain>div.sysFuncText.uservoice>div>section>div.reviewbox.for_sp>div.reviewitem>p.text {
  font-weight: 500;
}


#sysMain>div.sysFuncText.xmasgiftset>div>section>h2>img {
  width: 100%;
  max-width: 30rem;
}


#sysMain>div.sysFuncText.xmasgiftset>div>section.giftset>p:nth-child(2) {
  font-size: 1.6rem;
}

#sysMain>div.sysFuncText.xmasgiftset>div>section>div:nth-child(3) {
  max-width: 30rem;
  margin: 3rem auto;
}

#sysMain>div.sysFuncText.xmasgiftset>div>section>p:nth-child(4) {
  font-size: 1.6rem;
}


#sysMain>div.sysFuncText.xmasgiftset>div>section>div.presentwrap>div:nth-child(1) {
  max-width: 35rem;
  margin: 0 auto;
}


#sysMain>div.sysFuncText.xmasgiftset>div>section>div.presentwrap>div.flex-three {
  flex-direction: column;
}

#sysMain>div.sysFuncText.xmasgiftset>div>section>div.presentwrap>div.flex-three>div.flexbox {
  width: 100%;
}

#sysMain>div.sysFuncText.xmasgiftset>div>section>div.presentwrap>div.flex-three>div.flexbox>div.icon>img {
  width: 100%;
  max-width: 5rem;
}

#sysMain>div.sysFuncText.xmasgiftset>div>section>div.presentwrap>div.flex-three>div.flexbox>div.image>img {
  max-width: 30rem;
}


#sysMain>div.sysFuncText.xmasgiftset>div>section>div.Bttn.for_sp {
  max-width: 30rem;
  margin: 2rem auto;
}

#sysMain>div.sysFuncText.myfirstdish>div>section>h2>img {
  width: 100%;
  max-width: 30rem;
}


#sysMain>div.sysFuncText.myfirstdish>div>section>div.image>img {
  max-width: 20rem;
  width: 45%;
}

#sysMain>div.sysFuncText.myfirstdish>div>section>p {
  width: unset;
  font-size: 1.4rem;
  margin: 1rem 1.5rem;
}

#sysMain>div.sysFuncText.colorsecret>div>section>h2>img {
  width: 100%;
  max-width: 30rem;
}

#sysMain>div.sysFuncText.colorsecret>div>section.colorsecret>p {
  font-size: 1.4rem;
  margin: 0 1.5rem;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div>div.flex-two-child {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div.flex-two>div.flex-two-child>div {
  width: 100%;
  max-width: 25rem;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div.flex-two>div.flex-two-child>div.flex-column {
  margin-top: 2rem;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div.flex-two>div.flex-two-child>div.flex-column>div:first-child {
  margin-left: 0;
}

#sysMain>div.sysFuncText.colorsecret>div>section>div.color>div.flex-two>div.flex-two-child>div.flex-column>div:nth-child(2) {
  padding-left: 0;
}

#sysMain>div.sysFuncText.lpfaq>div>section>h2>img {
  width: 100%;
  max-width: 23rem;
}

#sysMain>div.sysFuncText.lpfaq>div>section.faq>div.accordWrap {
  margin: 3rem 1.5rem;
}

#sysMain>div.sysFuncText.lpfaq>div>section>div.Bttnset {
  align-items: baseline;
}



#sysMain>div.sysFuncText.lpfaq>div>section>div.Bttnset>div.Bttn.for_sp {
  width: 45%;
}

/***********************************

     ソーシャルギフト受取ページ


***********************************/

#sysMain>div.sysSocialGiftReceive>div.sysSocialGiftReceiveGiftLetterArea>div.sysSocialGiftReceiveGiftLetterImageGroup {

  width: 100%;
  max-width: 35rem;
  margin: 8rem auto 5rem;
}

#sysMain>div.sysSocialGiftReceive {
  max-width: 35rem;
  margin: 8rem auto 5rem;
}


/***********************************

     ソーシャルギフト特集ページ


***********************************/

.con-width {
  margin: 5rem auto;
  max-width: 50rem;
}

#sysMain > div.sysFuncText.socialgift > div > section.socialgiftbannar{
max-width: 50rem;
    padding-top: 12rem;
}

#sysMain > div.sysFuncText.socialgift > div > section.socialgiftbannar > div{
margin: 0 2rem;
}


#sysMain>div.sysFuncText.socialgift>div>section.title {
  margin-top: 0rem;
padding-top: 10rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.ochawan {
  max-width: 5rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.spoon {
  max-width: 3rem;
  top: 1rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.star1 {
  max-width: 1.5rem;
  top: 3rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.snow2 {
  max-width: 2.5rem;
  top: 5rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.snow1 {
  max-width: 2rem;
  top: 5rem;
}


#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.star2 {
  max-width: 1.5rem;
  top: 10rem;
  right: 8rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.kozara {
  max-width: 4rem;
  top: 6rem;
  left: 2.5rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.mug {
  max-width: 3.5rem;
  top: 13rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.title.con-width>div>div.snow3 {
  max-width: 2rem;
  top: 15rem;
  right: 8rem;
}


#sysMain>div.sysFuncText.socialgift>div>section.intro {
  margin-top: 12rem;
}


#sysMain>div.sysFuncText.socialgift>div>section.intro>h2 {
  max-width: 30rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.intro.con-width>div.flex-three {
  flex-direction: column;
}

#sysMain>div.sysFuncText.socialgift>div>section.intro.con-width>div>div.flexitem {
  width: unset;
  margin: 2rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.intro.con-width>div>div.flexitem>p.wh {
  font-weight: 500;
}

#sysMain>div.sysFuncText.socialgift>div>section.intro.con-width>h2 {
  max-width: 30rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.card.con-width>div.flexbox {
  overflow-x: scroll;
  width: 100%;
  height: auto;
  justify-content: flex-start;
}

#sysMain>div.sysFuncText.socialgift>div>section.card.con-width>div.flexbox>div.letter {
  width: 60%;
  margin: 1rem;
  flex-shrink: 0;
}

#sysMain>div.sysFuncText.socialgift>div>section.card.con-width>div.what>div>img {
  width: 5rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.card.con-width>div.what>h2 {
  max-width: 30rem;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.socialgift>div>section.card.con-width>div.what>p {
  margin: 1rem;
  text-align: left;
}

#sysMain>div.sysFuncText.socialgift>div>section.howto>div.flex-three {
  overflow-x: scroll;
  width: 100%;
  height: auto;
  justify-content: flex-start;
}

#sysMain>div.sysFuncText.socialgift>div>section.howto>div.flex-three>div.flexitem {
  margin: 1.5rem;
  flex-shrink: 0;
}

#sysMain>div.sysFuncText.socialgift>div>section.howto>div.attention {
  max-width: 35rem;
  padding: 1.5rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.howto>div.attention>p.yl {
  padding: 1rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.howto>div.attention>p.wh {
  line-height: 1.5;
  font-weight: 500;
}


#sysMain>div.sysFuncText.socialgift>div>section.lineup.con-width>div.product>div:nth-child(3) {
  display: none;
}

#sysMain>div.sysFuncText.socialgift>div>section.lineup>div.product>div.itembox {
  width: 45%;
}


#sysMain>div.sysFuncText.socialgift>div>section.lineup>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.socialgift>div>section.lineup>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
  font-size: 1.4rem;
}

#sysMain>div.sysFuncText.socialgift>div>section.lineup>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.socialgift>div>section.lineup>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


/***********************************

     ソーシャルギフトバナー


***********************************/

/*商品ページフッター*/

#sysFooter>div.sysFuncText.socialgiftlink>div>div.social_bannar.for_sp {

  max-width: 30rem;
  margin: 3rem auto;
}

/*TOP*/

#sysMain>div.sysFuncText.socialgiftlink>div>div.social_bannar.for_pc {
  max-width: 30rem;
  margin: 3rem auto;
}

#sysMain>div.sysFuncText.socialgiftlink>div>div.social_bannar.for_sp {

  max-width: 30rem;
  margin: 3rem auto;
}

/***********************************

     保育施設向けLP


***********************************/

#sysMain > div.sysFuncText.nurserylp > div > div.n_lp{
margin: 0 auto;
    width: 30rem;
}


#sysMain > div.sysFuncText.nurserylp > div > div:nth-child(1){
    margin-top: 8rem;
}


#sysMain > div.sysFuncText.nurserylp > div > div:nth-child(8){
margin: 3rem auto;
}

/**********************************************


2024 xmas LP


**********************************************/

#christmas2024> #sysAll > #sysWrap{
margin-top:0;
}

/*hero*/

#sysMain > div.sysFuncText.xmas24 > div > section.hero {
background: url(/img/lp/xmas2024/sp_fistimage.jpg) no-repeat top center / cover;
}

#sysMain > div.sysFuncText.xmas24 > div > section.hero > div.hero__flex > h1{
padding: 20px 0 0 20px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.hero > div.hero__flex > h1 > img{
    max-width: 186px;
}

#sysMain > div.sysFuncText.xmas24> div > section.hero > div.hero__flex > div{
padding: 15px 15px 0 0;
}
#sysMain > div > div > section.hero > div.hero__flex > div > img{
max-width: 98px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.hero > div.hero__sub{
margin: 20px 0 0 15px;
    max-width: 160px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.hero > a > button{
width: 120px;
    font-size: 10px;
    padding: 5px;
    margin: 20px 0 30px 20px;
}

/*problem*/ 

#sysMain > div > div > section.problem > div.problem__illust.forsp{
max-width: 75px;
    margin: 0 auto;
    padding-top: 20px;
}

#sysMain > div.sysFuncText.xmas24 > div > section.problem > div.problem__grid{
display: block;
    margin: 0 5vw;
}
#sysMain > div.sysFuncText.xmas24 > div > section.problem > div.problem__grid > p{
font-size: 16px;
line-height: 1.8;
}

#sysMain > div > div > section.problem > div.problem__illust.forsp{
max-width: 88px;
    margin-right: 0;
    margin-left: auto;
    padding-right: 10vw;
}

#sysMain > div > div > section.problem > div.problem__illust.forsp{
margin-right: auto;
    padding-top: 20px;
    padding-right: 0;
}


/*solution*/


#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__title{
padding-top: 35px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__title > div{
max-width: 100px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__title > h2{
margin-top: 15px;
    font-size: 20px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__title::before,
#sysMain > div.sysFuncText.xmas24> div > section.solution > div.solution__title::after{
display:none;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > p{
max-width: 100%;
    margin: 25px 5vw;
font-size: 16px;
    line-height: 1.8;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-title{
max-width: 260px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-title > div{
max-width: 120px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-box{
flex-direction: column;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-box > p{
width: 90vw;
font-size: 16px;
    line-height: 1.8;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-box > div{
width: 60vw;
    height: 60vw;
    margin-top: 70px;
position:relative;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-title::after{
display:none;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-box > div::after{
position:absolute;
content:"";
width:130px;
height:85px;
background:url("/img/lp/xmas2024/presentforyou.png") no-repeat center / contain;
top:-85px;
right:0;
}

/*benefit*/

#sysMain > div > div > section.benefit > div.benefit__title{
padding: 30px 0;
}
#sysMain > div > div > section.benefit > div.benefit__title > div.benefit__title-img.forsp{
max-width: 236px;
    margin: 0 auto;
}
#sysMain > div > div > section.benefit > div.benefit__title > h2{
font-size: 20px;
    margin-top: 20px;
}
#sysMain > div > div > section.benefit::after{
top: 240px;
width: 250px;
    height: 210px;
background-size: auto 210px;
right: -30px;
overflow: hidden;
}

#sysMain > div > div > section.benefit > div.benefit__content{
margin: 40px auto;
    display: block;
    max-width: 90vw;
z-index:1;
}

#sysMain > div > div > section.benefit > div.benefit__content > ul{
padding-bottom: 30px;
background: none;
  margin-bottom:0;
}
#sysMain > div > div > section.benefit > div.benefit__content > ul > img{
    max-width: 85px;
}
#sysMain > div > div > section.benefit > div.benefit__content > ul> li{
font-size: 16px;
    margin-top: 15px;
}

#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(1),
#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(2),
#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(3),
#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(4),
#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(5){
   text-align: left;
 margin-right: 0;
margin-bottom: 0;
}

#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(1){
margin-left:0;
}
#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(4),
#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(5){
margin-left: 45vw;
}



#sysMain > div > div > section.benefit::before{
top: 700px;
width: 190px;
    height: 193px;
background-size: auto 193px;
}



/*evidence*/
#sysMain > div > div > section.evidence{
margin-top:0;
}

#sysMain > div > div > section.evidence > div.evidence__title > div{
max-width: 200px;
}


#sysMain > div > div > section.evidence > div.evidence__title > div::before{
top: -5px;
    left: -40px;
    width: 50px;
    height: 30px;
}

#sysMain > div > div > section.evidence > div.evidence__title > div::after{
top: -10px;
    right: -40px;
    content: '';
    width: 50px;
    height: 40px;
}
#sysMain > div > div > section.evidence > div.evidence__title > h2{
font-size: 20px;
}
#sysMain > div > div > section.evidence > div.evidence__content{
margin: 25px 5vw;
}
#sysMain > div > div > section.evidence > div > div.evidence__content-title{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#sysMain > div > div > section.evidence > div.evidence__content > div.evidence__content-title > img{
display: block;
    height: auto;
    width: 30px;
}
#sysMain > div > div > section.evidence > div.evidence__content> div.evidence__content-title > p{
font-size: 18px;
}

#sysMain > div > div > section.evidence > div:nth-child(4) > div.evidence__content-title > img{
width: 20px;
}


/*content*/

#sysMain > div > div > section.contents{
margin: 30px auto;
}
#sysMain > div > div > section.contents > div:nth-child(1) > p.contents__title-small{
font-size: 16px;
}
#sysMain > div > div > section.contents > div:nth-child(1) > div{
max-width: 100px;
}

#sysMain > div > div > section.contents > div:nth-child(1) > p.contents__title-txt{
margin-top: 15px;
    font-size: 20px;
}
#sysMain > div > div > section.contents > div.contents__content > div{
    margin: 0 5vw;
}

#sysMain > div > div > section.contents > div.contents__content > ul{
margin-top: 0;
}

#sysMain > div > div > section.contents > div.contents__content > ul > li{
padding-left: 0;
margin: 20px 5vw;
    padding-top: 30px;
    text-align: center;
}
#sysMain > div > div > section.contents > div.contents__content > ul > li:nth-child(1)::before,
#sysMain > div > div > section.contents > div.contents__content > ul > li:nth-child(2)::before,
#sysMain > div > div > section.contents > div.contents__content > ul > li:nth-child(3)::before,
#sysMain > div > div > section.contents > div.contents__content > ul > li:nth-child(4)::before{
left: 38%;
}

#sysMain > div > div > section.contents > div.contents__color{
margin-top: 0;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-title{
max-width: 210px;
    margin: 0 auto;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-title > img{
max-width: 145px;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex{
grid-template-columns: 1fr;
    grid-template-rows: repeat(5, 1fr);
grid-row-gap: 10px;
margin-top: 45px;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(1){
grid-area: 1 / 1 / 2 / 2;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(2){
grid-area: 2 / 1 / 3 / 2;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(3){
grid-area: 3 / 1 / 4 / 2;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(4){
grid-area: 4 / 1 / 5 / 2;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(5){
grid-area: 5 / 1 / 6 / 2;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div.contents__color-flex-item{
    align-items: center;
}

#sysMain > div > div > section.contents > div.contents__item{
margin-top: 40px;
}

#sysMain > div > div > section.contents > div.contents__item > div.contents__item-title > div{
    max-width: 100px;
}
#sysMain > div > div > section.contents > div.contents__item > div.contents__item-title > p{
margin-top: 15px;
    font-size: 20px;
}
#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex{
flex-direction: column;
}
#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex > div.contents__item-flex-item > img:nth-child(1){
max-width: 300px;
}
#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex > div.contents__item-flex-item{
margin-bottom: 45px;
}

/*offer*/
#sysMain > div > div > section.offer{
    padding: 65px 0 20px 0;
}


#sysMain > div > div > section.offer > div.offer__title > p{
    font-size: 16px;
}
#sysMain > div > div > section.offer > div.offer__title > p::before{
left: 40px;
}
#sysMain > div > div > section.offer > div.offer__title > p::after{
right: 40px;
}
#sysMain > div > div > section.offer > div.offer__title > h2{
    font-size: 20px;
}
#sysMain > div > div > section.offer > div.offer__content{
flex-direction: column;
    align-items: center;
    justify-content: center;
margin: 40px auto;
}
#sysMain > div > div > section.offer > div.offer__content > div.offer__content-box{
width: 90vw;
}

/*narrow*/

#sysMain > div > div > section.narrow{
margin: 40px auto;
}


#sysMain > div > div > section.narrow > h3{
font-size: 20px;
}
#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-title > div{
    max-width: 100px;
}
#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-title > p{
margin-top: 15px;
    font-size: 20px;
}
#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex{
flex-direction: column;
}
#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex > div.narrow__item-flex-item{
margin-bottom: 45px;
}
#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex > div.narrow__item-flex-item > img:nth-child(1){
max-width: 300px;
}

#sysMain > div > div > section.narrow > div.narrow__contact{
margin-top: 20px;
}

/*footer*/
#christmas2024 > #sysAll > #sysFooter > div.xmasfooter > div > footer > div{
flex-direction: column;
}


/*****************************************

2024xmas 商品ページ

******************************************/

#xmas24 > section.hero{
background: url(/img/item/xmas/sp_firstimage6.jpg) no-repeat top center / cover;
border-radius: 10px;
padding: 20px 0 0 0;
}

#xmas24 > section.hero > div.hero__img1{
max-width: 90%;
}
#xmas24 > section.hero > h1{
font-size: 16px;
    margin: 10px 0;
}

#xmas24 > section.hero > p{
    max-width: 250px;
    font-size: 16px;
    padding: 5px;
}
#xmas24 > section.hero > p > span{
    font-size: 20px;
}
#xmas24 > section.hero > div.hero__img2{
max-width: 200px;
    margin-top: 5px;
}

#xmas24 > section.story{
background: none;
}
#xmas24 > section.story > h2 > img:nth-child(1){
display: block;
    margin: 0 auto;
    height: 20px;
margin-bottom: 15px;
}

#xmas24 > section.story > h2 > img.forsp{
max-width: 250px;
}
#xmas24 > section.story > h2::before{
width: 80px;
    height: 75px;
left: 0px;
}
#xmas24 > section.story > h2::after{
width: 85px;
    height: 95px;
right: 0;
}
#xmas24 > section.story > p.story__txt-title{
margin-top: 40px;
    margin-bottom: 40px;
font-size: 18px;
}
#xmas24 > section.story > p.story__txt-content{
text-align: left;
    line-height: 2;
    padding-bottom: 155px;
}
#xmas24 > section.story::after{
background: url(/img/item/xmas/sp_illust3.png) no-repeat center / contain;
bottom: 10px;
    right: 50px;
width: 110px;
    height: 120px;
}
#xmas24 > section.story::before{
background:none;
}

#xmas24 > section.giftset{
    max-width: 350px;
}
#xmas24 > section.giftset > h2{
padding-top: 60px;
}
#xmas24 > section.giftset > h2 > img:nth-child(1){
    height: 20px;
margin-bottom: 15px;
}

#xmas24 > section.giftset > h2 > img.forsp{
max-width: 250px;
}

#xmas24 > section.giftset > h2 > img:nth-child(4){
    height: 16px;
}
#xmas24 > section.giftset > div.giftset__set{
display: block;
    margin-top: 40px;
}

#xmas24 > section.giftset > div.giftset__set > img{
width: 100%;
    border-radius: 10px;
}
#xmas24 > section.giftset > div.giftset__set > ul{
width: 100%;
    line-height: 2;
    font-size: 16px;
    margin-top: 20px;
}

#xmas24 > section.giftset > div.giftset__set > ul > li.giftset__set-detail-small{
    font-size: 14px;
    line-height: 1.5;
}
#xmas24 > section.giftset > div.giftset__set-details{
    margin-top: 70px;
}
#xmas24 > section.giftset > div.giftset__set-details > h3{
max-width: 200px;
}
#xmas24 > section.giftset > div.giftset__set-details > h3::before{
top:10px;
}
#xmas24 > section.giftset > div.giftset__set-details > h3::after{
top:10px;
}
#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-details-grid{
display: block;
}

#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-details-grid > li > p{
font-weight: 500;
    font-size: 16px;
}


#xmas24 > section.giftset > div.giftset__set-details > div.giftset__set-details-material{
    margin-top: 65px;
    margin-bottom: 65px;
}
#xmas24 > section.giftset > div.giftset__set-details > div > img{
    max-width: 300px;
    margin: 20px auto;
}
#xmas24 > section.giftset > div.giftset__set-details > h3{
max-width: 200px;
}
#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-detils-tool{
display: flex;
    flex-direction: column;
}
#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-detils-tool > li > p.giftset__set-detils-tool-bold{
font-size: 16px;
}

#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-detils-tool > li> p.giftset__set-detils-tool-desc{
font-size: 16px;
}

#xmas24 > section.giftset > div.giftset__set-details > ul.giftset__set-detils-tool > li:nth-child(2){
order: 3;
}
#xmas24 > section.howtowish{
padding: 75px 0 10px;
}
#xmas24 > section.howtowish > h2{
    margin: 0;
}
#xmas24 > section.howtowish > h2 > img:nth-child(1){
    height: 20px;
margin-bottom: 15px;
}

#xmas24 > section.howtowish > h2 > img.forsp{
max-width: 250px;
}
#xmas24 > section.howtowish > p:nth-child(2){
    font-size: 16px;
}
#xmas24 > section.howtowish > p:nth-child(3){
    margin-top: 45px;
}
#xmas24 > section.howtowish > img:nth-child(4){
    max-width: 255px;
}
#xmas24 > section.howtowish > img:nth-child(5){
max-width: 300px;
    width: 100%;
    margin: 40px auto;
}

#xmas24 > section.color{
max-width: 350px;
}
#xmas24 > section.color > img{
margin-top: 45px;
    width: 80px;
}
#xmas24 > section.color > h2{
margin: 50px 0 0;
}
#xmas24 > section.color > h2 > img:nth-child(1){
    height: 20px;
margin-bottom: 15px;
}

#xmas24 > section.color > h2 > img.forsp{
max-width: 250px;
}
#xmas24 > section.color > p{
    margin-top: 15px;
    font-size: 16px;
}
#xmas24 > section.color > div.color__flex{
flex-direction: column;
    margin-top: 50px;
}
#xmas24 > section.color > div > div.color__flex-item{
width: 100%;
    margin-right: 0;
}
#xmas24 > section.color > div > div.color__flex-item > div.color__flex-item-color{
justify-content: center;
}
#xmas24 > section.color > div > div.color__flex-item > div.color__flex-item-color > p{
margin: 0;
}

#xmas24 > section.giftbox{
margin: 65px auto;
    max-width: 350px;
}

#xmas24 > section.giftbox > div > div{
margin-left: 0;
}


#xmas24 > section.giftbox > h2{
    margin: 0;
    max-width: 100%;
}
#xmas24 > section.giftbox > h2 > img:nth-child(1){
    height: 20px;
margin-bottom: 15px;
}

#xmas24 > section.giftbox > h2 > img.forsp{
max-width: 250px;
}

#xmas24 > section.giftbox > p{
font-size: 16px;
}

#xmas24 > section.giftbox > div{
display: block;
    margin-top: 25px;
}

#xmas24 > section.giftbox > div > img{
max-width: 300px;
    margin: 0 auto;
}
#xmas24 > section.giftbox > div > div > p{
    font-size: 16px;
    text-align: center;
}

#xmas24 > section.giftbox > div > div > ol{
padding-left: 10vw;
}


#xmas24 > section.present{
    margin: 0 auto;
    max-width: 350px;
    padding-top: 80px;
}
#xmas24 > section.present > h2{
margin:0;
}
#xmas24 > section.present > h2::before{
width: 150px;
    height: 100px;
top: -120px;
    left: 30vw;
}

#xmas24 > section.present > h2 > img:nth-child(1){
    height: 30px;
margin-bottom: 15px;
}

#xmas24 > section.present > h2 > img.forsp{
max-width: 250px;
}

#xmas24 > section.present > p{
margin-top: 20px;
    font-size: 16px;
margin-bottom:70px;
}

#xmas24 > section.present > ul{
display: flex;
    flex-direction: column;
}

#xmas24 > section.present > ul > li:nth-child(1){
margin-bottom: 20px;
}
#xmas24 > section.present > ul > li> p.bold{
font-size: 16px;
}


#xmas24 > section.attention{
max-width: 350px;
    margin: 65px auto;
}
#xmas24 > section.attention > div.attention__title > h2{
    font-size: 18px;
}

#xmas24 > section.attention > div.attention__title > img.forsp{
max-width: 300px;
}
#xmas24 > section.attention > div.attention__content{
margin-top: 0;
}
#xmas24 > section.attention > div.attention__content > p{
    text-align: left;
    margin: 45px auto;
}
#xmas24 > section.attention > div.attention__content > img{
    max-width: 300px;
}

#xmas24 > section.howtoorder{
    max-width: 350px;
    margin: 65px auto;
}
#xmas24 > section.howtoorder > h2{
max-width: 300px;
    margin: 0 auto;
}
#xmas24 > section.howtoorder > h2 > img:nth-child(1){
    height: 20px;
margin-bottom: 15px;
}

#xmas24 > section.howtoorder > h2 > img.forsp{
max-width: 250px;
}

#xmas24 > section.howtoorder > div{
margin: 35px auto;
}
#xmas24 > section.howtoorder > div > ul{
padding-left: 15vw;
}
#xmas24 > section.howtoorder > div > ul > li{
line-height: 2;
}
#xmas24 > section.howtoorder > div > ul:nth-child(1) > li:nth-child(1)::before,
#xmas24 > section.howtoorder > div > ul:nth-child(1) > li:nth-child(2)::before,
#xmas24 > section.howtoorder > div > ul:nth-child(2) > li:nth-child(1)::before,
#xmas24 > section.howtoorder > div > ul:nth-child(2) > li:nth-child(2)::before{
top: 8px;
}

/*8set*/

#grandset_xmas > #productfreearea > .sysExplanation > #sysExplanation > #xmas24 > section.hero{
background: url(/img/item/xmas/sp_firstimage8.jpg) no-repeat top center / cover;
}

/*7set*/
#giftfirstspoonset_xmas >  #productfreearea > .sysExplanation > #sysExplanation > #xmas24 > section.hero{
background: url(/img/item/xmas/sp_firstimage7.jpg) no-repeat top center / cover;
}



/*STP特集ページ*/

#firstsection{
padding-top: 15rem;
}

#firstsection > p{
margin: 3rem auto;
    text-align: left;
    font-size: 1.6rem;
    line-height: 2;
    font-weight: 500;
}

section.stpwrap> div:nth-child(1){
    max-width: 2.5rem;
}

 section.stpwrap > h2{
max-width: 20rem;
}

section.stpwrap> p{
font-weight: 500;
    text-align: left;
}

section.stpwrap> div.stp__container > div{
max-width: 14.5rem;
}

section.stpwrap.inner82-32 > div.stp__container > div:nth-child(1){
margin-right: 5%;
}


section.stpwrap > div.stp__container > div > img{
border-radius: 5px;
}

section.stpwrap > div.stp__concept{
padding: 3rem;
    border-radius: 5px;
}

section.stpwrap > div.stp__bottom > p{
text-align: left;
}

section.stpwrap > div.stp__bottom > a > div{
padding:1.5rem;
text-align:center;
}

section.stpwrap > div.stp__bottom > div{
    flex-direction: column;
}

section.stpwrap > div.stp__bottom >a > div, #sysMain > div.sysFuncText.stp_second > div > section > div.stp__bottom > div > a> div{
margin: 2rem auto;
}



#allitems{
margin: 5.5rem 5vw;
margin-top: 0;
    padding-top: 0;
}

#allitems > div > p{
font-size: 1.4rem;
    font-weight: 500;
}

#itemslide > div > p::before{
width: .2rem;
    height: 2rem;
}

#allitems > div > p::after{
width: .2rem;
    height: 2rem;
}



#allitems > div > h2{
font-size: 1.6rem;
}

#allitems > div > h2 > img{
width: 6rem;
}

#allitems > ul{
margin-top: 5.5rem;
 }

#allitems > ul > button.slick-prev{
left:0;
}

#allitems > ul > button.slick-next{
right:0;
}

#allitems > ul > div > div.slick-track{
    padding: 0px;
}


#allitems > ul > div > div > li{
    padding: 0;
}



#allitems > ul > div > div > li > a > h3{
font-size: 1.6rem;
}

#allitems > ul > div > div > li > a > h3 > img{
width: 6rem;
}

#allitems > ul > div > div > li > a > div.allitems__item-box-img{
margin-top: .5rem;
justify-content: center;
}

#allitems > ul > div > div > li.allitems__item-box.slick-slide.slick-current.slick-active.slick-center > a > div.allitems__item-box-img > img{
max-width: 15.3rem;
}

#allitems > ul > div > div > li.allitems__item-box > a > div.allitems__item-box-desc{
    margin: 0 5vw;
}


#allitems > ul > div > div > li.allitems__item-box > a > div.allitems__item-box-desc > img{
width: 100%;
    max-width: 20rem;
margin-top: .5rem;
}

#allitems > ul > div > div > li> a > div.allitems__item-box-img > img{
max-height:15rem;
width: 45%;
}

#allitems > ul > div > div > li.allitems__item-box > a > div.allitems__item-box-desc > p{
font-size: 1.4rem;
    line-height: normal;
}


#allitems > a{
    margin: 4rem auto;
}

#allitems > a > p{
padding: 1rem 2rem;
    font-size: 1.6rem;
}



/**********************************************


2025 SMILETABLE LP


**********************************************/

.in-width{
max-width:30rem;
margin: 0 auto;
padding: 0 5vw;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02hero{
height: 100vh;
background: center right / cover no-repeat url(/img/lp/smiletable2025/hero_sp.jpg);
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02hero > img{
max-width: 12rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02hero > h1{
font-size: 1.6rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content{
background: left top /contain no-repeat url(/img/lp/smiletable2025/header_bg_sp.png);
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div:nth-child(2){
padding:5rem 5vw;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-title > h2{
font-size: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > img{
top: 15rem;
    max-width: 5rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-title > p{
    font-size: 1.4rem;
    font-weight: 500;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-box{
flex-direction: column;
    align-items: center;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-box > div{
max-width: 31.5rem;
    margin-bottom: 2rem;
    height: auto;
    border-radius: 10px;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-box > div > p.lp02content__container-box-item-ttl{
font-size: 1.8rem;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-box > div > p.lp02content__container-box-item-txt{
padding: 0 2rem;
font-size: 1.4rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div:nth-child(3){
background: left top /contain repeat url(/img/lp/smiletable2025/dot_bg_sp.png);
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div:nth-child(3) > img:nth-child(1){
    max-width: 5rem;
left: -5vw;
}
#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div:nth-child(3) > img:nth-child(2){
max-width: 9rem;
top: -5rem;
right: -5vw;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item{
background: top center /cover no-repeat url(/img/lp/smiletable2025/yellow_bg_sp.png);
    display: block;

}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item > div.lp02content__item-txt{
background: none;
    width: 100%;
    height: auto;
    padding-top: 5rem;

}



#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item > div.lp02content__item-txt > h2{
text-align: center;
font-size: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item > div.lp02content__item-txt > h3{
text-align: center;
    font-size: 1.8rem;
    margin: 5rem 0;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item > div.lp02content__item-txt > p{
font-weight: 500;
    line-height: 2;
    padding-bottom: 10rem;
    margin: 0 5vw;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item > div.lp02content__item-txt > img{
max-width: 6.5rem;
    right: 5vw;
    bottom: 3rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item > div.lp02content__item-img{
width: 100%;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item > div.lp02content__item-img.forsp > img{
width: 100%;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy{
    display: block;
    margin-top: 3rem;
padding: 0;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt{
   width: unset;
    padding-left: 0;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > h2{
text-align: center;
    font-size: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > h2 > img{
max-width: 8rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > p.itembuy__txt-desc{
font-size: 1.4rem;
    text-align: center;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > p.itembuy__txt-price{
    text-align: center;
font-size: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > a > div{
    margin: 4rem auto;
font-size: 1.6rem;
    width: fit-content;
padding: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > a > div > img{
    max-width: 6rem;
}



#sysMain > div.sysFuncText.stp202502 > div > section.lp02point{
margin-top: 7rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02point > h2{
font-size: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02point > div{
display: block;
    margin-top: 4.5rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02point > div.lp02point__container > div.lp02point__container-item{
margin-bottom: 5rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02point.in-width > div > img{
display: none;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review{
margin-top: 7rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review > h2{
font-size: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review> div{
display: block;
    margin-top: 6.5rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review > div.lp02review__container > div.lp02review__container-item{
margin-bottom: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review > div.lp02review__container > div.lp02review__container-item > p.lp02review__container-item-txt{
    height: auto;
    padding-bottom: 5rem;
font-weight: 500;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review.in-width > div > div:nth-child(1) > img{
max-width: 25rem;
    top: -3rem;
}



#sysMain > div.sysFuncText.stp202502 > div > section.lp02color > img{
max-width: 5.5rem;
    right: 0;
    top: -8rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first{
display:block;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-title > h2{
text-align: center;
font-size: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-title > h3{
font-weight: 500;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-img{
padding-top: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-color{
margin: 3rem auto;
max-width: 22rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-color > p.lp02color__first-color-name,
#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-color > p.lp02color__first-color-txt{
font-size: 1.6rem;
padding-left: 1rem;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second{
flex-wrap: wrap;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second > div{
width: 48%;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second > div:nth-child(1) > p.lp02color__second-color-name,
#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second > div:nth-child(2) > p.lp02color__second-color-name,
#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second > div:nth-child(3) > p.lp02color__second-color-name,
#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second > div:nth-child(4) > p.lp02color__second-color-name{
font-size: 1.2rem;
    padding-left: 1rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second > div > p.lp02color__second-color-txt{
    font-size: 1.1rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow{
    margin-top: 5rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.lp02narrow__img > img.forsp{
width: 100%;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.lp02narrow__img > p{
    font-size: 1.4rem;
    padding-right: 3vw;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.lp02narrow__message{
    margin: 0 5vw;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.lp02narrow__message > img{
    max-width: 25rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.lp02narrow__message > p{
font-size: 1.6rem;
    font-weight: 500;
    max-width: 35rem;
word-break: normal;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy{
display: block;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__img, 
#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt{
width: 100%;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt{
    padding-left: 0;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > h2{
text-align: center;
font-size: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > p.itembuy__txt-desc{
font-size: 1.4rem;
    text-align: center;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > p.itembuy__txt-price{
   text-align: center;
    font-size: 2.4rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > a > div{
width: fit-content;
    margin: 4rem auto;
font-size: 1.6rem;
padding: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > a > div > img{
    max-width: 6rem;
margin-right: .5rem;
}


/*footer*/
#jibundetaberu > #sysAll > #sysFooter > div.xmasfooter > div > footer > div{
flex-direction: column;
}


/**********************************************


2025 お盆LP


**********************************************/

#obonhero > div.obonhero__sp.forsp{
    position: relative;
}

#obonhero > div.obonhero__sp.forsp > p:nth-child(3){
position: absolute;
  top: 52%;
    background: rgba(252, 252, 252, 0.4);
    left: 5vw;
    font-weight: 600;
   font-size: 1.4rem;
line-height: 25px;
}

#obonhero > div.obonhero__sp.forsp > p:nth-child(4){
position: absolute;
    top: 65%;
    left: 5vw;
    font-weight: 600;
  font-size: 1.4rem;
    line-height: 25px;
}

#obonhero > div.obonhero__sp.forsp > a > button{
color: #1a1a1a;
display: block;
   margin: 0px auto 50px;
    background-color: #E7DC77;
    border: none;
    padding: 20px 40px;
    border-radius: 5px;
font-size:1.4rem;
font-weight:600;
       max-width: fit-content;
    line-height: normal;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

#obonstory{
background: url(/img/lp/obon/story_sp.jpg) no-repeat top center / cover;
    height: 46rem;
}

#obonstory > div{
padding: 50px 5vw;
}

#obonstory > div > h2{
font-size: 2rem;
}

#obonstory > div > p{
    font-size: 1.6rem;
    line-height: 30px;
text-align: left;
margin-top: 50px;
}

#obonintro > div{
    max-width: 90%;
    padding: 50px 0;
    display: block;
}

#obonintro > div > h2{
    font-size: 2rem;
    text-align: center;
}

#obonintro > div > img{
margin: 50px 0 20px;
    max-width: 100%;
}

#obonintro > div > p{
font-size: 1.6rem;
    line-height: 30px;
}

#obonadvance > div{
 max-width: 90%;
padding: 50px 0;
}

#obonadvance > div > h2{
font-size: 2rem;
}

#obonadvance > div > p{
    text-align: left;
margin: 50px 0;
line-height: normal;
font-size: 1.6rem;
}

#obonadvance > div > div{
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#obonadvance > div > div > div{
margin-bottom: 35px;
}

#obonadvance > div > div > div > p{
font-size: 1.6rem;
}

#detail > div{
 max-width: 90%;
padding: 50px 0;
}

#detail > div > h2{
    font-size: 2rem;
}

#detail > div > div{
margin-top: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#detail > div > div > div{
width: 100%;
margin-bottom: 30px;
}

#detail > div > div > div > p{
font-size: 1.6rem;
    line-height: 25px;
}

#obonoffer1 > div, 
#obonoffer2 > div{
 max-width: 90%;
padding: 50px 0;
}

#obonoffer1 > div > h2, 
#obonoffer2 > div > h2{
   font-size: 2rem;
}

#obonoffer1 > div > div{
margin-top: 50px;
    display: block;
}

#obonoffer1 > div > div > h3{
text-align: center;
font-size: 1.8rem;
}

#obonoffer1 > div > div > p{
margin: 20px 0;
font-size: 1.6rem;
}

#obonoffer1 > div > div > a > button{
color: #1a1a1a;
font-size: 1.4rem;
}

#obonreview > h2{
background: url(/img/lp/obon/voice_header_sp.jpg) no-repeat top center / cover;
height: 235px;
padding-top: 60px;
    font-size: 2.2rem;
margin: 0 0 50px;
}

#obonreview > div{
display: flex;
    flex-direction: column;
    max-width: 90%;
    padding-bottom: 60px;
}

#obonreview > div > p.obonreview__wrap-ttl{
font-size: 1.8rem;
}

#obonreview > div > p.obonreview__wrap-txt{
    order: 3;
font-size: 1.6rem;
}

#obonreview > div > img{
margin: 15px 0;
}

#about > div{
 max-width: 90%;
padding: 50px 0;
position: relative;
}

#about > div > h2{
position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#about > div > div.about__wrap-pc.forpc{
display: none;
}

#about > div > div.about__wrap-sp.forsp > img:nth-child(1){
border-radius:0;
  max-width: 80%;
}

#about > div > div.about__wrap-sp.forsp > img{
display: block;
      margin: 0 auto;
    border-radius: 10px;
}


#about > div > div.about__wrap-sp.forsp > p.about__wrap-sp-ttl{
margin: 40px 0 25px;
    font-weight: 600;
    font-size: 1.8rem;
}

#about > div > div.about__wrap-sp.forsp > p.about__wrap-sp-txt{
font-size: 1.6rem;
    font-weight: 500;
}

#obonclose > div{
    padding: 50px 0;
    max-width: 90%;
}

#obonclose > div > p.obonclose__wrap-txt{
text-align: left;
    line-height: 30px;
font-size: 1.6rem;
}

#obonoffer2 > div > div{
margin-top: 50px;
    display: block;
}

#obonoffer2 > div > div > img{
max-width: 100%;
    margin: 0 auto;
}

#obonoffer2 > div > div > h3{
text-align: center;
font-size: 1.8rem;
}

#obonoffer2 > div > div > a{
display: block;
    max-width: fit-content;
    margin: 0 auto;
}

#obonoffer2 > div > div > a > button{
font-size: 1.4rem;
    color: #1a1a1a;
}


/*footer*/
#kazokudeobon > #sysAll > #sysFooter > div.xmasfooter > div > footer > div{
max-width: 90%;
flex-direction: column;
}
}
@media screen and (min-width:768px) and (max-width:1199px){
.sysDisplayTabletNone {
  display: none !important;
}

.telLink {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}


/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
#sysWrap {
padding-top: 150px;
}

div#sysMain,
div#sysAside {
  width: 100% !important;
  float: none;
}

.sysMypage #sysWrap,
.sysMemberRegister #sysWrap {
  margin: 10px auto 0;
}

#sysFormIndex div#sysMain,
#sysFormConfirm div#sysMain,
#sysFormThanks div#sysMain,
.sysMypage div#sysMain,
.sysMemberRegister #sysMain,
#sysItemSearch div#sysMain {
  width: 95% !important;
  margin: 60px auto;
}

.sysCart #sysMain {
  width: 92% !important;
  margin: 0rem auto;  
    padding-top: 15rem;
}

.sysFormField label {
  display: block;
}

/* 決済ページ*/
#sysPayment #sysWrap,
#sysConfirm #sysWrap,
#sysThanks #sysWrap,
#sysCartError #sysMain {
  width: 95% !important;
  margin-left: 2.5%;
}

#sysPayment #sysMain .sysFormLabel {
  line-height: 10px;
}

#sysBillingAddress form {
  width: 95%;
  padding: 30px 20px;
  margin: 0 auto;
}

#sysDestination #sysMain {
  width: 95%;
  border: 1px solid #aaa;
  padding: 20px 20px !important;
  margin: 30px auto;
}

/*header検索ボックス*/
.h_search {
  margin-top: 100px;
}

/***********************************
  商品詳細ページ
***********************************/
#sysItemCategory #sysMain {
  padding: 30px 20px;
}

#sysItemCategory input[type=submit] {
  margin-top: 0px;
}

#sysItemDetail #sysMain {
  width: 95% !important;
}

#sysItemDetail .sysCategoryPankuzu {
  margin-bottom: 20px;
}

#sysItemDetail .sysItemName h1 {
  font-size: 15px;
}

#sysItemDetail .sysItemId {
  margin: 0 0 10px 0 !important;
  text-align: left !important;
}

#sysItemDetail .sysMainImage {
  max-width: 700px;
  margin: 0 auto;
}

#sysItemDetail .sysImageList {
  max-width: 700px;
  margin: 0 auto 20px;
}

#sysItemDetail .sysImageList li {
  display: inline-block;
  max-width: 60px;
  line-height: 0;
}

#sysItemDetail .sysReview,
#sysItemDetail .description_left,
#sysItemDetail .sysDescription,
#sysItemDetail .sysForm,
#sysItemDetail .sysRetailPrice,
#sysItemDetail .sysImageDescription {
  max-width: 700px;
  margin: 0 auto 10px auto !important;
}

#sysItemDetail .sysForm select {
  min-width: 350px;
  display: inline-block;
  float: none !important;
}

#sysItemDetail #sysNumber {
  text-align: right;
}

.sysItemPrArea span {
  font-size: 14px;
}

.sysPr span {
  font-size: 10px;
}



/***********************************
  カート情報
***********************************/
#cartInfo {
  display: none;
}


/***********************************
  ログイン情報
***********************************/
.h_login {
  max-width: 700px;
  width: 90%;
  margin: 0 auto;
}

.h_login .sysHeadline {
  text-align: center;
  font-size: 25px;
  margin-bottom: 10px;
}

.h_login .sysContent {
  text-align: center;
}

.h_login .sysFormItem {
  margin-bottom: 10px;
}

.h_login .sysFormLabel {
  display: block;
  font-size: 15px;
  height: 25px;
  text-align: left;
  margin-bottom: 0px;
}

.h_login .sysLoginButton {
  width: 100%;
  margin: 15px 0%;
  border-radius: 0;
  border: 1px solid #444;
  font-size: 15px;
  height: 50px;
  line-height: 10px;
}

.h_login li {
  border: 1px solid #444;
  margin-bottom: 15px;
  height: 50px;
  line-height: 45px;
  text-align: center;
}

.h_login li a {
  font-size: 15px;
  padding: 0px 5px 5px 0px;
}



/***********************************
  共通パーツ
***********************************/
.sysTitle {
  width: 600px;
  margin: 50px auto !important;
  position: relative;
  text-align: center;
  font-size: 20px;
  letter-spacing: unset;
}

.sysTitle b {
  display: block;
  font-size: 15px;
  text-align: center;
  margin-top: 5px;
}

.sysTitle span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 40px;
  background-color: #fff;
  text-align: center;
  font-weight: bold;
}

.sysTitle::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #222222;
}

.contentsWrap {
  width: 90%;
  margin: 0 auto;
}

/***********************************
  商法テーブルレイアウト
***********************************/
.p-law .sysTitle {
  max-width: 600px;
}

.p-law .sysTitle span {
  font-size: 22px;
  padding: 0 40px;
}

#main_tradelaw {
  width: 90%;
}

.shipFee {
  width: 90%;
  margin: 50px auto;
}

.shipFee h3 {
  font-size: 16px;
}

table.shipFeeTable .newLine {
  display: block;
}

table.shipFeeTable tbody th {
  width: 500px;
  vertical-align: middle;
}

table.shipFeeTable td {
  width: 500px;
  font-size: 15px;
  vertical-align: middle;
}

/***********************************
   フッター部分のご利用ガイド
***********************************/


.f_guide {
  margin-top: 50px;
}

.f_guide .sysContent {
  width: 100%;
}

.f_guide .Title {
  font-size: 15px;
  padding: 20px 0 30px;
}

.f_guide .guideBlock {
  width: 100%;
  padding: 0 2%;
  padding-bottom: 30px;
}

.f_guide .guide01 {
  padding-right: 20px;
}

.f_guide .guide02 {
  padding-left: 20px;
}

.f_guide .freedial {
  font-size: 30px;
}

.f_guide a {
  display: block;
}

#sysFooter>div.sysFuncText.f_guide>div {
  border-top: 2px solid #1a1a1a;
  max-width: 70rem;
  margin: 0 auto;
}

#sysFooter>div.sysFuncText.f_guide>div>p {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
}






/***********************************
  カート内商品数表示
***********************************/
button.itemCount2 {
  display: none;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: rgba(207, 15, 42, 0.9);
  border: none;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  text-align: center;
  line-height: 15px;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
}

/***********************************
  商品購入ステップ
***********************************/
.steps ul {
  width: 550px;
}

.steps li {
  float: left;
  padding: 0 2px;
  height: 180px;
}

.steps li a {
  height: 180px !important;
}

.steps li img {
  height: 180px;
}


/***********************************
  ワンページカート
***********************************/

/*情報入力ページ調整*/
.sysOpcBody .header_wrap {
  border-bottom: none;
}

.sysOpcBody div#sysWrap {
  margin: 20px auto 0;
}

.sysCart #sysMain,
.sysOpcBody #sysMain {
  border: none;
}

.sysOpcBody div#sysMain {
  margin-bottom: 0;
  padding: 150px 4%;
}

.sysOpcBody img {
  max-width: 100%;
}

.opcConfirm_inputStatus,
.opcConfirm_inputStatus_disable,
.opcConfirm_order,
.opcConfirm_order_disable {
  width: 94% !important;
}


/*購入手順フロー*/

#sysOpc > div.opcFreeAreaHeader > div.cart__flow-pc{
margin: 5rem 0;
    max-width: 500px;
}

#sysOpc > div.opcFreeAreaHeader > div.cart__flow-sp{
display:none;
}


/*********************************
ここから自作
*********************************/
/*トップページ2025*/
#header25{
left: 0;
right: 0;
max-width: 100vw;
}


#header25 > div{
height: 8rem;

}

#header25 > div > a > h1{
width: 8rem;
    margin-left: 2rem;
}

#header25 > div > ul {
margin-right: 2rem;
margin-top: 1.5rem;
}

#header25 > div > ul > li > a > img{
width: 2em;
}

#header25 > div > ul > li > a > p{
    font-size: 0.6em;
}


#header25 > div > ul > li.header25__gnav-menu-hamburger > div{
width: 2.0em;
    height: 1.5em;
}

#header25 > div > ul > li.header25__gnav-menu-hamburger > div > span:nth-child(2){
top: 1.1em;
}

#header25 > ul{
    position: relative;
    justify-content: space-evenly;
    width: 100%;
border-top: 2px solid #1a1a1a;
    height: 9rem;
}

#header25 > ul > li> a > p{
font-size: 0.6em;
}

#header25 > div > ul > li.header25__gnav-menu-hamburger.active > div > span:nth-child(3){
top: 3.7rem;
}


/*ナビリスト*/


#header25 > nav.is-active {
  pointer-events: auto;
  opacity: 0.99;
padding: 8rem 0;
}

#header25 > nav>ul.list1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 2px;
  border-bottom: 1px solid #1a1a1a;
  margin-left: 0rem;
  margin-top: 0rem;
margin-bottom: 0;
    padding-bottom: 0;
}

#header25 > nav>ul.list1>li {
  margin: 2rem 0;
}

#header25 > nav>ul.list1>li:nth-child(2) {
  margin-bottom: 4rem;
}



#header25 > nav>ul.list1>li>a>img {
  width: 5rem;
  height: auto;
}

#header25 > nav>ul.list1>li a::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #000000;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}

#header25 > nav>ul.list1>li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

#header25 > nav>ul.list1>li:nth-child(1)>a>img {
  vertical-align: middle;
  margin-right: 2rem;
}

#header25 > nav>ul.list1>li:nth-child(2)>a>img {
  vertical-align: middle;
  margin-right: 2rem;
}

#header25 > nav>ul.list2 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-left: 5rem;
  margin-top: 4rem;
    margin-bottom: 4rem;
}

#header25 > nav>ul.list2>li {
margin-bottom: 1rem;
}

#header25 > nav>ul.list2>li:nth-child(3) {
  margin-right: 0;
}

#header25 > nav>ul.list3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 3rem;
  margin-left: 5rem;
}

#header25 > nav>ul.list3>li {
  margin-right: 6rem;
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
}

#header25 > nav>ul.list3>li:nth-child(3) {
  margin-right: 0;
}

#header25 > nav>div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  font-size: 1.5rem;
  font-weight: 600;
  margin-left: 5rem;
}

#header25 > nav>div>div::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: 2rem;
}

#header25 > nav>div>ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}

#header25 > nav>div.navContact>ul>li {
  margin-left: 2.5rem;
  background: #1a1a1a;
  border-radius: 5rem;
  padding: 0.5rem 1.5rem;
}

#header25 > nav>div.navContact>ul>li:nth-child(1) {
  margin-bottom: 1rem;
}

#header25 > nav>div.navContact>ul>li>a {
  color: #fff;
}

#header25 > nav>div.english {
  margin-top: 2rem;
  font-size: 1.5rem;
  margin-bottom: 5rem;
}

#header25 > nav>div.sns {
  position: absolute;
  top: 12rem;
  right: 2.5rem;
}

#header25 > nav>div.sns>ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#header25 > nav>div.sns>ul>li {
  margin-bottom: 2rem;
}

#header25 > nav>div.sns>ul>li>a>img {
  width: 3rem;
  height: 3rem;
}

.inner82-32{
margin:0 5vw;
}

#hero > video{
height: auto;
    padding-top: 17rem;
padding-left: 0px;
}

#sysMain > div.sysFuncText.recentnews,
#sysMain > div.sysFuncInformation.recentnews__news-txt,
#sysMain > div.sysFuncText.recentnews__cam{
    margin: 0 10vw;
}



#smiletable > div.smiletable__main > div.smiletable__img1.forsp,
#smiletable > div.smiletable__main > div.smiletable__img2.forsp{
display:none;
}

#itemslide > ul{
max-width: 600px;
margin: 0 auto;
}

#itemslide > ul > button.slick-prev{
left: 0;
}

#itemslide > ul > button.slick-next{
right: 0;
}

#itemslide > ul > div > div > li> a > div.itemslide__item-box-img > img{
max-height: 25rem;
}

#itemslide > ul > div > div > li.itemslide__item-box > a > div.itemslide__item-box-desc > img:nth-child(4){
width: 100%;
    max-width: 50rem;
}

#itemslide > ul > div > div > li{
max-width:unset;
}

#itemslide > ul > div > div.slick-track{
padding:0;
}

#safe > div.safe__container{
justify-content: space-evenly;
}



#giftsets > div.giftsets__more > a{
max-width: 50rem;
}

#wrapslide > ul > div > div.slick-track{
    margin: 5rem 10vw;
}

#wrapslide > a{
    max-width: 50rem;
}

#pickup > div > div.pickup__container{
flex-direction: column;
}

#pickup > div > div.pickup__container > div{
width: 100%;
    max-width: 50rem;
    margin: 0 auto;
}

#viewPosts{
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

#viewPosts > li{
    max-width: 450px;
    display: flex;
    flex-direction: column;
}

#viewPosts > li> a > img{
    width: 100%;
    display: block;
}



/*最後尾*/


.for_sp {
  display: none;
}

.content-width {
  max-width: 700px;
  margin: 0 auto;
  margin-top: 10rem;
}

/*オープニングanimation*/
#shutter {
  max-width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #fffff9;
  z-index: 9999;
  animation: byeShutter 5s forwards;
  box-sizing: border-box;
}

#shutter .logo {
  position: absolute;
  width: 250px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 9999;
  animation: logo 1s steps(2, start) infinite;
  animation-delay: 0.2s;
  animation-iteration-count: 2;
}

@keyframes byeShutter {
  70% {
    opacity: 1;
  }

  100% {
    display: none;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes logo {
  0% {
    transform: rotate(5deg);
  }

  to {
    transform: rotate(-5deg);
  }
}

/*固定ヘッダー*/



#sysHeader>div.sysFuncText.navBttn {
  position: absolute;
  width: 25rem;
  height: 8rem;
  z-index: 99;
  top: 0rem;
  right: 0;
}

#sysHeader>div.sysFuncText.navBttn.m_fixed {
  position: fixed;
  top: 0rem;
}


#headerBttn {
  position: relative;
}

#cart {
  position: absolute;
  top: 2rem;
  right: 12rem;
  z-index: 999;
}



#cart {
  width: 5.5rem;
  height: 5.5rem;
  background-image: url("https://iiwan.jp/img/top/header/cart.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 999;
}


#sysHeader>div.header_wrap>div>div>div>div>div {
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 99;
}

/*ナビボタン*/

#headerBttn>div.gnavBttn {
  position: absolute;
  top: 2rem;
  right: 5rem;
  width: 5.5rem;
  height: 5.5rem;
  background-image: url("https://iiwan.jp/img/top/header/gnav.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 999;
}


#headerBttn>div.gnavBttn.change {
  width: 5.5rem;
  height: 5.5rem;
  background-image: url("https://iiwan.jp/img/top/header/close.png");
  background-repeat: no-repeat;
}

#headerBttn>nav {
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s linear;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: fixed;
  top: 0px;
  left: 0;
  text-align: center;
  right: 0;
  background: #f8f8f4;
  z-index: 99;
  padding: 15rem 0;
  padding-right: 10rem;
  height: 100vh;
}


/*ナビリスト*/


#headerBttn>nav.is-active {
  pointer-events: auto;
  opacity: 0.99;


}

#headerBttn>nav>ul.list1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 2.7rem;
  font-weight: 600;
  letter-spacing: 2px;
  padding-bottom: 5rem;
  border-bottom: 1px solid #1a1a1a;
  margin-bottom: 6rem;
}

#headerBttn>nav>ul.list1>li {
  margin: 0 2rem;
}



#headerBttn>nav>ul.list1>li:nth-child(1)>a>img {
  vertical-align: middle;
  margin-right: 2rem;
}

#headerBttn>nav>ul.list1>li:nth-child(2)>a>img {
  vertical-align: middle;
  margin-right: 2rem;
}

#headerBttn>nav>ul.list2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 2.3rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 6rem;
}

#headerBttn>nav>ul.list2>li {
  margin-right: 3rem;
}

#headerBttn>nav>ul.list2>li:nth-child(3) {
  margin-right: 0;
}

#headerBttn>nav>ul.list3 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 6rem;
}

#headerBttn>nav>ul.list3>li {
  margin-right: 6rem;
}

#headerBttn>nav>ul.list3>li:nth-child(3) {
  margin-right: 0;
}

#headerBttn>nav>div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 2px;
}

#headerBttn>nav>div>div::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: 2rem;
}

#headerBttn>nav>div>ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

#headerBttn>nav>div.navContact>ul>li {
  margin-left: 2.5rem;
  background: #1a1a1a;
  border-radius: 5rem;
  padding: 10px 4rem;
}

#headerBttn>nav>div.navContact>ul>li>a {
  color: #fff;
}

#headerBttn>nav>div.sns {
  position: absolute;
  top: 20rem;
  right: 7.5rem;
}

#headerBttn>nav>div.sns>ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#headerBttn>nav>div.sns>ul>li {
  margin-bottom: 3rem;
}



#headerBttn>nav>div.sns>ul>li>a>img {
  width: 5rem;
  height: 5rem;
}




/*流れるテキスト*/

#top_recentnews {
  display: block;
  height: 30px;
  width: 100%;
  background-color: #1a1a1a;
  overflow: hidden;
}

#top_recentnews .newsText {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  padding-left: 100%;
  white-space: nowrap;
  animation: animate-banner 20s linear infinite;
}

@keyframes animate-banner {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

#top_recentnews .newsText a {
  color: #fff;

}

#top_recentnews>div>p {
  margin: 0;
}





/*コンセプト*/



#concept>h1.first-image>img {
  width: 100%;
}


#concept>div.conceptFlex>div.leftContainer {
  position: relative;
}

#concept>div.conceptFlex>div.leftContainer>h1 {
  position: absolute;
  top: -30rem;
  left: 3rem;
  line-height: 4rem;
}


#concept>div.conceptFlex>div.leftContainer>div.conceptTxt {
  margin: 3rem;
  font-weight: 500;
  font-size: 2.5rem;
}


#concept>div.conceptFlex>div.linkBttn {
  position: relative;
  margin: 6rem auto;
  width: 250px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));

}


#concept>div.conceptFlex>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.3rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  transition: transform .2s;
}

#concept>div.conceptFlex>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#concept>div.conceptFlex>div.linkBttn>div.chon {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


/* スタッフコンタクト*/
#chat {
  position: fixed;
  bottom: 30px;
  left: 30px;
  width: 9rem;
  height: 9rem;
  z-index: 999999;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#chat:hover {
  opacity: 0.9;
}

#chat {
  width: 100px;
  height: 100px;
  background: url("/img/common/chat.png");
  background-repeat: no-repeat;
}

#chat:hover {
  background: url("/img/common/chat2.png");
  background-repeat: no-repeat;
}



/*会員登録バナー*/

#sysMain>div.sysFuncText.memberpoint {
  margin: 15rem 3rem;
}


#sysMain>div.sysFuncText.memberpoint>div>div.memberbannar {
  margin: 0 auto;
  width: 100%;
  max-width: 100rem;
}

/*クリスマスバナー*/

#sysMain>div.sysFuncText.memberpoint>div>div.top_xmas_bannar {
  margin: 2rem auto;
  width: 100%;
  max-width: 100rem;
}

#sysMain>div.sysFuncText.memberpoint>div>div.top_xmas_bannar.for_pc>a>img {
  width: 100%;
}

/*ギフトセクション*/


#gift>div.giftTitle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-right: 50px;
}

#gift>div.giftTitle>div.giftImage {
  background-image: url("/img/top/shopping/gift_pic.png");
  background-size: contain;
  width: 100%;
  max-width: 450px;
  min-width: 350px;
  height: 30rem;
  background-repeat: no-repeat;
  background-position: center center;
}


#gift>div.giftTitle>div.giftText {
  margin-left: 0rem;
  position: relative;
  width: 100%;
  padding-left: 0rem;
  max-width: 700px;
}


#gift>div.giftset {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 1.5rem;
}

#gift>div.giftset>a {
  margin-right: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#gift>div.giftset>a>p {
  text-align: center;
}

#gift>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 45rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#gift>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#gift>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#gift>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}


#sysMain>div.sysFuncText.gift_content>div>div.linkDerivery {
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
  margin-top: 5rem;
}

/*ラッピングセクション*/


#wrapping>div.wrappingTitle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-left: 0rem;
}

#wrapping>div.wrappingTitle>div.wrappingImage {
  background-image: url("/img/top/shopping/wrappingvisual.png");
  background-size: contain;
  width: 100%;
  max-width: 450px;
  min-width: 350px;
  height: 30rem;
  background-repeat: no-repeat;
  background-position: center center;
  order: 2;
  margin-left: 0rem;
}

#wrapping>div.wrappingTitle>div.wrappingText {
  position: relative;
  order: 1;
  width: 100%;
  max-width: 500px;
  padding-right: 0rem;
}



#wrapping>div.wrapping {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 1.5rem;
}

#wrapping>div.wrapping>a {
  margin-right: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#wrapping>div.wrapping.fadeUp.on>a>div>img {
  max-width: 20rem;
}



#wrapping>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 35rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#wrapping>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#wrapping>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#wrapping>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}

#sysMain>div.sysFuncText.linktodirectdelivery>div>div.linkDerivery {
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
}



/*アイテムセクション*/


#itemlist>div.itemTitle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-right: 50px;
}

#itemlist>div.itemTitle>div.itemImage {
  background-image: url("/img/top/shopping/gift_pic.png");
  background-size: contain;
  width: 100%;
  max-width: 450px;
  min-width: 350px;
  height: 30rem;
  background-repeat: no-repeat;
  background-position: center center;
}

#itemlist>div.itemTitle>div.itemText {
  margin-left: 0rem;
  position: relative;
  width: 100%;
  padding-left: 0rem;
  max-width: 700px;
}

#itemlist>div.itemTitle>div.itemText>p {
  color: #f2cd00;
  font-weight: 600;
  font-family: Aktuelle;
  font-size: 4rem;
  letter-spacing: 4px;
}



#itemlist>div.itemList {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 11.5rem;
}

#itemlist>div.itemList>a {
  margin-right: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#itemlist>div.itemList>a>p {
  text-align: center;
}

#itemlist>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 35rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#itemlist>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#itemlist>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#itemlist>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}

/*OYAKO PROJECT セクション*/


#oyapro {
  position: relative;
  margin-top: 50rem;
}

#oyapro>div.OPTitle {
  max-width: 700px;
  margin-left: 0rem;
  position: absolute;
  padding-left: 5%;
  top: -15rem;
  left: 0;
}

#oyapro>div.OPTitle>div {
  position: relative;
}

#oyapro>div.OPTitle>div>img {
  position: absolute;
  top: -5rem;
  left: 25rem;
  transition: transform .6s ease;
}

#oyapro>div.OPTitle>div>img:hover {
  transform: scale(1.1);
}


#oyapro>div.OPTitle>p {
  font-size: 5.5rem;
  letter-spacing: 5px;
  font-weight: 600;
  line-height: 8rem;
}

#oyapro>div.OPTitle>p:nth-child(4) {
  font-size: 3rem;
  line-height: inherit;
  color: #f2cd00;
}

#oyapro>div.OPTitle>p:nth-child(4)>span {
  font-family: Aktuelle;
  color: black;
}


#oyapro>div.backImage>img {
  width: 100%;
}

#oyapro>div.content {
  position: relative;
}

#oyapro>div.content>div.contentTitle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  position: absolute;
  width: 400px;
  top: -15rem;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);

}

#oyapro>div.content>div.contentTitle>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 3px;
}


#oyapro>div.content {
  background-image: url("/img/top/event/yl_scratch.jpg");
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  height: 1400px;
}

#oyapro>div.content>div.contentTxt>p {
  margin: 0;
  font-size: 2rem;
  padding-bottom: 2rem;
  line-height: 4rem;
}

#oyapro>div.content>div.contentTxt {
  max-width: 700px;
  margin: 0 auto;
  font-size: 1.8rem;
  line-height: 45px;
  font-weight: 600;
  letter-spacing: 2px;
}


#oyapro>div.content>div.bottomText {
  max-width: 700px;
  margin: 0 auto;
  margin-top: 10rem;
}

#oyakoproject>div.content>div.bottomText>p:nth-child(1) {
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 5rem;
}

#oyapro>div.content>div.bottomText>p:nth-child(2),
#oyapro>div.content>div.bottomText>p:nth-child(3) {
  font-size: 6.5rem;
  font-weight: 600;
  color: #fff;
  line-height: 9rem;
  letter-spacing: 2px;
}


#oyapro>div.content>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 35rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#oyapro>div.content>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
}

#oyapro>div.content>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#oyapro>div.content>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}

/*イベントセクション*/


#event>div {
  text-align: center;
}

#event>div>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#event>ul {
  margin-top: 12.5rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

#event>ul>li:nth-child(1),
#event>ul>li:nth-child(2) {
  max-width: 20rem;
  margin-right: 5rem;
}

#event>ul>li:nth-child(3) {
  max-width: 20rem;
}


#event>ul>li>a>div {
  text-align: center;
}

#event>ul>li>a>p {
  text-align: center;
}

#event>ul>li>a>p>span {
  text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.5em;
  text-decoration-color: rgba(242, 205, 0, 0.4);
  text-decoration-skip-ink: none;
}



/*出産祝いのHOWTOセクション*/

#shussanhowto>div.howtoTitle {
  text-align: center;
}


#shussanhowto>div>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}


#shussanhowto>div.howtoContent {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 12.5rem;
}

#shussanhowto>div.howtoContent>div {
  width: 45%;
  text-align: center;
  margin-bottom: 4.5rem;
}

/*イイフレンズセクション*/

#iifriends>div.friendsTitle {
  text-align: center;
}

#iifriends>div.friendsTitle.fadeUp.on>div:nth-child(3) {
  display: none;
}

#iifriends>div.friendsTitle.fadeUp.on>div:nth-child(2) {
  display: block;
}


#iifriends>div>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#iifriends>div.gohanContainer {
  margin-top: 11.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;
}

#iifriends>div.gohanContainer>div {
  text-align: center;
  width: 30%;
}

#iifriends>div.gohanContainer>div>div.linkBttn {
  position: relative;
  margin: 3.5rem auto;
  width: 100%;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#iifriends>div.gohanContainer>div>div.linkBttn>a>div {
  background: #f2cd00;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
}

#iifriends>div.boshu {
  text-align: center;
  margin-top: 12.5rem;
}



/*キッズ写真無限ループ詳細ボタン*/

#sysMain>div.sysFuncText.kidsroll>div>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 35rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysMain>div.sysFuncText.kidsroll>div>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
}

#sysMain>div.sysFuncText.kidsroll>div>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.kidsroll>div>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}

/*iimagセクション*/

#iimag {
  margin-top: 15.5rem;
}


#iimag>div.iiwanline>ul {
  display: flex;
  margin: 0 auto;
  max-width: 750px;
  justify-content: space-evenly;
  align-items: center;
}

#iimag>div.iiwanline>ul>li {
  animation: move 1s steps(2, start) infinite;
}

@keyframes move {
  0% {
    transform: rotate(20deg);
  }

  to {
    transform: rotate(-10deg);
  }
}

#iimag>div.iiwanline {
  margin-bottom: 15.5rem;
}

#iimag>div.iimagTitle {
  text-align: center;
}

#viewPosts {
  margin-top: 10rem;
}

#iimag>div>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}



#iimag>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 35rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#iimag>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#iimag>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#iimag>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}


/*インフォメーションセクション*/




#information>div {
  background-color: #fff;
  padding: 5rem 3rem;
  border-radius: 50px;
  margin: 0;
}

#information>div>div.infoTitle {
  text-align: center;
}

#information>div>div.infoTitle>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#information>div>div.infoContainer {
  margin-top: 12rem;
}

#information>div>div.infoContainer>ul {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
}


#information>div>div.infoContainer>ul>li {
  margin: 2rem 0;
}

#information>div>div.infoContainer>ul>li>a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  position: relative;
}

#information>div>div.infoContainer>ul>li>a::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #f2cd00;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}

#information>div>div.infoContainer>ul>li>a:hover::after {
  transform: scale(1, 1);
}



#information>div>div.infoContainer>ul>li>a>div.date {
  font-size: 1.5rem;
  margin-right: 2rem;
  font-weight: 600;
  border-right: 3px solid #f2cd00;
  padding-right: 2rem;
  width: 100px;
}


#information>div>div.infoContainer>ul>li>a>div.infotext {
  font-size: 1.8rem;
  letter-spacing: 1.5px;
  font-weight: 600;
  width: 500px;
}


/*ショップセクション*/

#shop>div.shopTitle {
  text-align: center;
}

#shop>div.shopTitle>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#shop>div.shopContent {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: flex-start;
  margin-top: 5rem;
}

#shop>div.shopContent>div {
  max-width: 30rem;
  margin: 2rem auto;
}

#shop>div.shopContent>div>p {
  font-weight: 600;
  font-size: 1.6rem;
}


#shop>div.shopContent>div>ul.shopDeail {
  font-weight: 500;
}

#shop>div.shopContent>div>ul.shopDeail>li:nth-child(5) {
  margin-bottom: 2rem;
}


#shop>div.shopContent>div>ul.shopDeail>li:nth-child(5)>a {
  border-bottom: 2px solid #f2cd00;
}


#shop>div.shopContent>div>ul.tag {

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

#shop>div.shopContent>div>ul.tag>li:nth-child(1) {
  background: #f2cd00;
  padding: 1rem;
  border-radius: 25px;
  font-weight: 600;
  color: #fff;
  margin-right: 2rem;
  font-size: 1.6rem;
}


#shop>div.shopContent>div>ul.tag>li:nth-child(2) {
  background: #c2cf7c;
  padding: 1rem;
  border-radius: 25px;
  font-weight: 600;
  color: #fff;
  margin-right: 2rem;
  font-size: 1.6rem;
}

#shop>div.shopContent>div>ul.tag>li:nth-child(3) {
  background: #edb2ad;
  padding: 1rem;
  border-radius: 25px;
  font-weight: 600;
  color: #fff;
  font-size: 1.6rem;
}

#shop>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 35rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#shop>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
}

#shop>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#shop>div.linkBttn>div:hover .chon {
  transform: translate(20%, 30%);
}



/*FUTONセクション*/

#futon {
  overflow: hidden;
}

#futon>div {
  background: #b2c0cd;
  padding-bottom: 5rem;
  margin-top: 15rem;
  border-top-right-radius: 2000px 500px;
  border-top-left-radius: 2000px 500px;
  margin-left: -200px;
  margin-right: -200px;
  padding-left: 200px;
  padding-right: 200px;
  border-bottom-right-radius: 2000px 500px;
  border-bottom-left-radius: 2000px 500px;
}


#futon>div>div.futonTitle {
  padding-top: 10rem;
  font-weight: 600;
  width: 300px;
  margin: 0 auto;
  font-size: 2rem;
  position: relative;
}

#futon>div>div.futonTitle::before {
  position: absolute;
  content: "";
  background-image: url("/img/top/futon_illust.png");
  background-repeat: no-repeat;
  background-position: center center;
  top: 5rem;
  left: 2rem;
  right: 0;
  width: 257px;
  height: 138px;
}

#futon>div>div.futonTitle>p {

  position: relative;
  z-index: 2;
}



#futon>div>div.futonCatch {
  width: 100%;
  max-width: 30rem;
  margin: 10rem auto;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-align: center;
}

#futon>div>div.futonImage {
  width: 100%;
  max-width: 75rem;
  height: auto;
  margin: 2rem auto;
  padding: 0 2rem;
}

#futon>div>a>div {

  margin: 3rem auto;
  width: 100%;
  font-weight: 600;
  font-size: 1.5rem;
  background: #f9f8f4;
  padding: 1.5rem;
  border-radius: 50px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
  max-width: 25rem;
  text-align: center;
  transition: transform .2s;
}

#futon>div>a>div:active {
  transform: scale(.95);
}


/*ショッピングセクション*/

#shopping>div>div.shoppingText {
  text-align: center;
}

#shopping>div>div.shoppingText>p:nth-child(1) {
  color: #f2cd00;
  font-weight: 600;
  font-family: Aktuelle;
  font-size: 4rem;
  letter-spacing: 4px;
}


#shopping>div>div.shoppingText>p:nth-child(2) {
  font-weight: 600;
  font-size: 3rem;
  letter-spacing: 2px;
}

#shopping>div>div.categoryFlex {
  display: flex;
  margin-top: 12.5rem;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
}

#shopping>div>div.categoryFlex>div {
  width: 30%;
}



/*コンタクトセクション*/

#contact>div {
  background: #f2cd00;
}

#contact>div>div {
  padding-top: 17.5rem;
  padding-bottom: 10rem;
}

#contact>div>div>div.contactTitle {
  text-align: center;
}



#contact>div>div>div.contactTitle>p:nth-child(1) {
  color: #fff;
  font-weight: 600;
  font-family: Aktuelle;
  font-size: 4rem;
  letter-spacing: 4px;
}

#contact>div>div>div.contactTitle>p:nth-child(2) {
  font-weight: 600;
  font-size: 3rem;
  letter-spacing: 2px;
}



#contact>div>div>ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  padding: 5rem 20rem;
}

#contact>div>div>ul>li.tel {
  display: none;
}

#contact>div>div>ul>li {
  max-width: unset;
}


#contact>div>div>div.opentime {
  text-align: center;
  font-weight: 600;
}

#contact>div>div>div.opentime>p:nth-child(1) {
  font-size: 3rem;
}

#contact>div>div>div.opentime>p:nth-child(2) {
  font-size: 2rem;
}


#contact>div>div>div.houjin {
  padding: 5rem 0;
  border: 3px solid #1a1a1a;
  border-radius: 10px;
  text-align: center;
  width: 500px;
  margin: 5rem auto;
  max-width: inherit;
}

#contact>div>div>div.houjin>p:nth-child(1) {
  font-size: 2.5rem;
  font-weight: 600;
  border-bottom: 2px solid #fff;
  width: 38rem;
  max-width: inherit;
}


#contact>div>div>div.houjin>p:nth-child(2) {
  padding: 5rem 0;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 2px;
}

#contact>div>div>div.houjin>div>a {
  background: #1a1a1a;
  padding: 2rem;
  color: #fff;
  border-radius: 50px;
  font-weight: 600;
}


/*ご利用ガイド*/

.accordion {
  max-width: 100%;
}

.accordion:not([open]) {
  margin-bottom: 3px;
}

.accordion summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em;
  border-left: 5px solid #1a1a1a;
  background-color: #f9f8f4;
  color: #1a1a1a;
  font-weight: 600;
  cursor: pointer;
}

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

.accordion summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #f2cd00;
  border-right: 3px solid #f2cd00;
  content: '';
  transition: transform .3s;
}

.accordion[open] summary::after {
  transform: rotate(225deg);
}

.accordion p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 1em 2em 2em 2em;
  color: #333333;
  transition: transform .5s, opacity .5s;
}

.accordion[open] p {
  transform: none;
  opacity: 1;
}


/***********************************
  フッター
***********************************/
.footer {
  width: 100%;
  margin: 0;
  text-align: center;
  background: #1a1a1a;
  letter-spacing: 2px;
}


#footerlabel {
  padding: 5.5rem 0;
}


#footerlabel>div {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}



#footerlabel>div>div.logo {

  width: 165px;
  margin: 0 auto;

}

#footerlabel>div>ul.link1 {
  margin-top: 6rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

}

#footerlabel>div>ul.link1>li {
  margin: 0 2rem;
  border-bottom: 2.5px solid #fff;
  width: unset;
  max-width: unset;

}

#footerlabel>div>ul.link1>li>a {
  color: #fff;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 1.8rem;

}


#footerlabel>div>ul.law {
  margin-top: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;

}

#footerlabel>div>ul.law>li:nth-child(1) {
  margin-right: 10rem;
}

#footerlabel>div>ul.law>li>a {
  letter-spacing: 1px;
  color: #fff;
  font-weight: 600;
  font-size: 1.8rem
}


#footerlabel>div>div.link2Container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: flex-start;
  margin-top: 5rem;
  padding-left: 0;
}

#footerlabel>div>div.link2Container>div.company {
  color: #fff;
  text-align: initial;
  font-weight: 600;
  width: 300px;
  max-width: unset;
  margin: 0;
}

#footerlabel>div>div.link2Container>div.company>p {
  font-size: 1.6rem;
}

#footerlabel>div>div.link2Container>div.company>p:nth-child(5)>a {
  color: #fff;
  border-bottom: 2px solid #fff;
}

#footerlabel>div>div.link2Container>div.contact>ul>li>a {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
}

#footerlabel>div>div.link2Container>div.contact>p {
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  margin: 0;

}



#footerlabel>div>div.link2Container>div.contact {

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 200px;
  max-width: unset;
  margin: 0;
}


#footerlabel>div>div.link2Container>div.contact>ul {
  text-align: start;
}

#footerlabel>div>div.link2Container>div.contact>ul>li {
  margin-top: 1.5rem;
}

#footerlabel>div>div.link2Container>div.contact>ul>li:nth-child(1)::before,
#footerlabel>div>div.link2Container>div.contact>ul>li:nth-child(2)::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: 2rem;
  color: #fff;
  margin-right: 2rem;
}

#footerlabel>div>p {
  color: #fff;
  margin-top: 5rem;
  font-weight: 600;
  font-size: 1.6rem;
  max-width: unset;

}

/* ページトップに戻る*/
.pagetop {
  position: fixed;
  bottom: 50px;
  right: 25px;
  width: 80px;
  height: 80px;
  text-align: center;
  z-index: 9;
}

.pagetop #page-top {
  display: none;
  padding-top: 4px;
  height: 51px;
}

.pagetop #page-top:hover {
  opacity: 50%;
}

#page-top>img {
  width: 100%;
}



/***************************************
:::::::::::::::::::::::::::::::::::::::

          下層ページ  

::::::::::::::::::::::::::::::::::::::::
****************************************/
#sysHeader>div.sysFuncText.header_h1_under {
  position: relative;
  z-index: 999;
}


#sysHeader>div.sysFuncText.header_h1_under>div>div>div>div {
  position: fixed;
  top: 2rem;
  left: 2rem;
}

#sysHeader>div.sysFuncText.header_h1_under>div>div>div>div>a>img {
  width: 120px;
}


/***************************************
:::::::::::::::::::::::::::::::::::::::

            about

::::::::::::::::::::::::::::::::::::::::
****************************************/


#sysMain>div.sysFuncText.aboutus>div>div.contentContainer {
  padding: 20rem 0;
  margin: 0 auto;
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 0;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.stickyContaniner {
  width: 100%;

}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content {
  width: 100%;
  max-width: 500px;
  margin: 3rem auto;
}





#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.stickyContaniner>iframe {

  width: 100%;
}


#sysMain>div.sysFuncText.aboutus>div>div.factory>img {
  width: 100%;
}



#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.vision.sectionContainer>h1 {
  text-align: center;
  margin-top: 2rem;
}


#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section>div {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section>p {
  max-width: 500px;
  width: 100%;
  font-weight: 500;
  line-height: 30px;
  margin: 5rem auto;
  padding: 0 2rem;
}


#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.sectionContainer {
  margin-bottom: 10rem;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  margin-bottom: 3rem;
}



#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div:nth-child(1) {
  width: 100%;
  max-width: 250px;
  margin-bottom: 2rem;
  margin-right: 2rem;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div.detail>div.yellow {
  border-left: 4px solid #f2cd00;
  padding-left: 1rem;
  color: #f2cd00;
  font-weight: 600;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret.sectionContainer>div.fiveColors>div:nth-child(2)>div.detail>div.white {
  border-left: 4px solid #898989;
  padding-left: 1rem;
  color: #898989;
  font-weight: 600;
}


#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret.sectionContainer>div.fiveColors>div:nth-child(3)>div.detail>div.pink {
  border-left: 4px solid #f4b5b0;
  padding-left: 1rem;
  color: #f4b5b0;
  font-weight: 600;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret.sectionContainer>div.fiveColors>div:nth-child(4)>div.detail>div.blue {
  border-left: 4px solid #85c0ce;
  padding-left: 1rem;
  color: #85c0ce;
  font-weight: 600;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret.sectionContainer>div.fiveColors>div:nth-child(5)>div.detail>div.green {

  border-left: 4px solid #aabb74;
  padding-left: 1rem;
  color: #aabb74;
  font-weight: 600;
}


#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div.detail>div.colorName>p:nth-child(1),
#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div.detail>div.colorName>p:nth-child(2) {
  margin: 0;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div.detail>div.meaning {
  font-weight: 500;
  margin-top: 1rem;
}


#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.aboutus.sectionContainer>div.linkBttn {
  position: relative;
  margin: 4.5rem auto;
  width: 250px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
  padding-bottom: 3rem;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.aboutus.sectionContainer>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.5rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.aboutus.sectionContainer>div.linkBttn>a>div:active {
  transform: scale(.95);
}

#sysMain>div.sysFuncText.aboutus>div>div.contentContainer>div.content>section.aboutus.sectionContainer>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}

/***************************************
:::::::::::::::::::::::::::::::::::::::

            あんしん

::::::::::::::::::::::::::::::::::::::::
****************************************/

#sysMain>div.sysFuncText.safety>div>div {
  padding-top: 20rem;
}


#sysMain>div.sysFuncText.safety>div>div>div.titleContainer {
  position: relative;
  overflow: hidden;
}

#sysMain>div.sysFuncText.safety>div>div>div.titleContainer>h1 {
  font-size: 3.5rem;
  margin-left: 15%;
  letter-spacing: 5px;
  margin-top: 10rem;
  line-height: 5rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.titleContainer>h2 {
  margin-top: 3rem;
  font-size: 1.8rem;
  font-weight: 500;
  margin-left: 15%;
  padding-bottom: 10rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.titleContainer>div {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

#sysMain>div.sysFuncText.safety>div>div>div.titleContainer>div>img {
  max-width: 400px;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.ribbon {
  max-width: 35rem;
  width: 100%;
  margin: 0 auto;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section {
  margin-top: 5rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.titleContainer {
  text-align: center;
  position: relative;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.titleContainer>div.title>p {
  font-weight: 600;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section:nth-child(2)>div.titleContainer>div.title.fadeUp.on>div>img {
  width: 0.6rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.titleContainer>div>img {
  width: 10rem;
}





#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.titleContainer>div.fukidashi {
  position: absolute;
  top: 1rem;
  right: 5rem;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.titleContainer>div.title>h2 {
  letter-spacing: 3px;
  margin-top: 2rem;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.textContainer {
  margin: 2rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.textContainer>div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  margin-top: 10rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.textContainer>div>div {
  width: 45rem;

}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.textContainer>div>div>img {
  max-width: unset;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>section>div.textContainer>div>p {
  margin-left: 5rem;
  padding: 2rem;
  line-height: 3rem;
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.qa>div.image {
  max-width: 50rem;
  margin: 20rem auto;
  margin-bottom: 10rem;
}


/*アコーディオンメニュー*/

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.qa>div.accordWrap {
  margin: 5rem 2rem;
}


.accordion-001 {
  max-width: 760px;
  background-color: #fbf9f4;
}

.accordion-001:not([open]) {
  margin-bottom: 7px;
}

.accordion-001 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em;
  border-radius: 5px;
  background-color: #f2cd00;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

.accordion-001 summary::-webkit-details-marker {
  display: none;
}

.accordion-001 summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: '';
  transition: transform .3s;
}

.accordion-001[open] summary::after {
  transform: rotate(225deg);
}

.accordion-001 p {
  text-align: left;
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 1em 2em 2em 2em;
  color: #333333;
  transition: transform .5s, opacity .5s;
}

.accordion-001[open] p {
  transform: none;
  opacity: 1;
}

/*リンクボタン*/


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.qa>div.linkBttn {
  position: relative;
  margin: 2rem auto;
  max-width: 25rem;
  width: 100%;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
  font-size: 1.5rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.qa>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.qa>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.qa>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}



#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.linkarea {
  position: relative;
  margin: 10rem 2rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.linkarea>div:nth-child(1) {
  width: 15rem;
  margin: 0 auto;
  position: absolute;
  top: -3.5rem;
  left: 0;
  right: 0;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.linkarea>div.Bttn {
  display: flex;
  margin-top: 5rem;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.linkarea>div.Bttn>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.linkarea>div.Bttn>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.linkarea>div.Bttn>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.safety>div>div>div.contentWrap.content-width>div.linkarea>div.Bttn>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}

/****************************

　　　FAQ

****************************/

#faqcontents{
padding-top: 20rem;
}




/***************************************
:::::::::::::::::::::::::::::::::::::::

            OYAKO PROJECT

::::::::::::::::::::::::::::::::::::::::
****************************************/

#sysMain>div.sysFuncText.op_first>div>div {
  padding-top: 20rem;
}

#sysMain>div.sysFuncText.op_first>div>div>div.opTitle {
  position: relative;
}

#sysMain>div.sysFuncText.op_first>div>div>div.opTitle>div.message {
  margin-left: 15%;
}

#sysMain>div.sysFuncText.op_first>div>div>div.opTitle>div.message>h1 {
  font-size: 5rem;
}

#sysMain>div.sysFuncText.op_first>div>div>div.opTitle>div.message>p {
  font-size: 3rem;
  font-weight: 600;
  color: #f2cd00;
}

#sysMain>div.sysFuncText.op_first>div>div>div.opTitle>div.message>p>span {
  color: #1a1a1a;
  margin-right: 2rem;
}


#sysMain>div.sysFuncText.op_first>div>div>div.opTitle>div.oyako {
  position: absolute;
  width: 100%;
  max-width: 15rem;
  top: -4rem;
  left: 40rem;
}

#sysMain>div.sysFuncText.op_first>div>div>div.whatContainer>div {
  position: relative;
}

#sysMain>div.sysFuncText.op_first>div>div>div.whatContainer>div>div.sp_bg {
  display: none;
}

#sysMain>div.sysFuncText.op_first>div>div>div.whatContainer>div>div.bg {
  display: none;

}

#sysMain>div.sysFuncText.op_first>div>div>div.whatContainer>div>div.tab_bg>img {
  width: 100%;
}

#sysMain>div.sysFuncText.op_first>div>div>div.whatContainer>div>div.bg>img {
  width: 100%;
}


#sysMain>div.sysFuncText.op_first>div>div>div.container>div>div {
  margin: 5rem auto;
  width: 100%;
  max-width: 20rem;
  text-align: center;
}

#sysMain>div.sysFuncText.op_first>div>div>div.container>div>p {
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 4rem;
  max-width: 90rem;
}

#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(4)>div>div.download {
  margin: 5rem auto;
  width: 100%;
  max-width: 50rem;
  text-align: center;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(4)>div>div.linkBttn {
  position: relative;
  margin: 6rem auto;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(4)>div>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(4)>div>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.op_first>div>div>div:nth-child(4)>div>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}


/*レポート*/

#sysMain>div.sysFuncText.op_report>div>div {
  background: #fffffc;
  padding: 15rem;
  border-radius: 0 30rem 0 0;
}


#sysMain>div.sysFuncText.op_report>div>div>div.flexitem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10rem auto;
}


#sysMain>div.sysFuncText.op_report>div>div>div.flexitem>div {
  width: 100%;
  max-width: 350px
}

#sysMain>div.sysFuncText.op_report>div>div>div.flexitem>p {
  width: 100%;
  margin: 0;
  padding-top: 5rem;
}


#sysMain>div.sysFuncText.op_report>div>div>div.link {
  margin-top: 5rem;
}


#sysMain>div.sysFuncText.op_report>div>div>div.link>div:nth-child(1) {
  text-align: center;
  margin: 10rem auto;
}

#sysMain>div.sysFuncText.op_report>div>div>div.link>p {
  text-align: center;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 3px;
}


#sysMain>div.sysFuncText.op_report>div>div>div.link.content-width>div.linkBttn {
  position: relative;
  margin: 6rem auto;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysMain>div.sysFuncText.op_report>div>div>div.link.content-width>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.op_report>div>div>div.link.content-width>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.op_report>div>div>div.link.content-width>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}

#sysMain>div.sysFuncText.op_second>div>div>div:nth-child(1) {
  text-align: center;
  margin-bottom: 20rem;
}

#sysMain>div.sysFuncText.op_second>div>div>p {
  text-align: center;
  font-weight: 600;
  font-size: 2rem;
  letter-spacing: 2px;
}

#sysMain>div.sysFuncText.op_second>div>div>div:nth-child(3) {
  text-align: center;
  margin-bottom: 20rem;
}


#sysMain>div.sysFuncText.op_second>div>div>div.item {
  margin-bottom: 15rem;
}


#sysMain>div.sysFuncText.op_second>div>div>div>p.titleYellow {

  text-align: center;
  font-weight: 600;
  color: #f2cd00;
  margin-bottom: 10rem;
  letter-spacing: 2px;
}


#sysMain>div.sysFuncText.op_second>div>div>div>p.content {
  letter-spacing: 2px;
  font-weight: 500;
  max-width: 90rem;
  line-height: 3rem;
}


#sysMain>div.sysFuncText.op_second>div>div>div.linkBttn {
  position: relative;
  margin: 6rem auto;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysMain>div.sysFuncText.op_second>div>div>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.op_second>div>div>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.op_second>div>div>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}





/***************************************
:::::::::::::::::::::::::::::::::::::::

            GIFT

::::::::::::::::::::::::::::::::::::::::
****************************************/


#sysMain>div.sysFuncText.gift_title>div>section.title.content-width {
  margin-top: 0;
  padding-top: 20rem;
}

#sysMain>div.sysFuncText.gift_title>div>section.title.content-width>div:nth-child(1) {
  max-width: 80rem;
  margin: 0 auto;
  text-align: center;
}


#sysMain>div.sysFuncText.gift_title>div>section.title.content-width>h1 {
  margin: 7rem 0 13rem;
  text-align: center;
  font-weight: 600;
  font-size: 3.5rem;
  letter-spacing: 3px;
}

#sysMain>div.sysFuncText.gift_title>div>section.title.content-width>div.forpc {
  text-align: center;
  max-width: 80rem;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.gift_title>div>section.giftset.content-width {
  margin-top: 20rem;
  text-align: center;
}



#sysMain>div.sysFuncItemBlock.giftlineup>div>div>ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-start;
  max-width: 100rem;
  margin: 10rem auto;
}

#sysMain>div.sysFuncItemBlock.giftlineup>div>div>ul>li {
  display: flex;
  flex-direction: column;
  width: 45%;
  margin-bottom: 5rem;
}

#sysMain>div.sysFuncItemBlock.giftlineup>div>div>ul>li>div.sysItemImage>a>img {
  width: unset;
  border-radius: 10px;
}

#sysMain>div.sysFuncItemBlock.giftlineup>div>div>ul>li>div.sysItemName {
  text-align: center;
  font-weight: 600;
  font-size: 2rem;
}

#sysMain>div.sysFuncItemBlock.giftlineup>div>div>ul>li>div.sysItemPrice {
  text-align: center;
  font-weight: 500;
}

#sysMain>div.sysFuncText.gift_content>div>div.linkBttn {
  position: relative;
  margin: 6rem auto;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysMain>div.sysFuncText.gift_content>div>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.gift_content>div>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.gift_content>div>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}



#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width {

  margin-top: 20rem;
}

#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(1)>div.boxtitle {
  display: flex;
  justify-content: center;
  align-items: baseline;
}


#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(1)>div:nth-child(2) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 5rem;
}

#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(1)>div:nth-child(2)>div {
  margin: 5rem;
}

#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(1)>div:nth-child(3) {
  padding: 0 10rem;
}

#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(1)>div:nth-child(3)>div {
  text-align: center;
}


#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(2) {
  margin-top: 20rem;
}

#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(2)>div.boxtitle {

  display: flex;
  justify-content: center;
  align-items: flex-end;
}




#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(2)>div.boxtitle>div:nth-child(2) {
  height: 30rem;
  margin-left: 3rem;
}

#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(2)>div.flexbox {
  margin-top: 10rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 5rem;
}


#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(2)>div.flexbox>div {
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sysMain>div.sysFuncText.gift_content>div>section.giftset.content-width>div:nth-child(2)>div.flexbox>div>p {
  font-weight: 500;
  margin-top: 5rem;
  text-align: center;
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div.ribbon {
  text-align: center;
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(2) {
  margin: 5rem;
  text-align: center;
}

#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>p:nth-child(3) {
  text-align: center;
  margin: 5rem;
  font-weight: 600;
  letter-spacing: 2px;
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(4) {
  margin-top: 10rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 5rem;
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(4)>div {
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>p.bold {
  margin: 10rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
}

#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>p:nth-child(6) {
  font-weight: 500;
  text-align: center;
  margin-bottom: 10rem;
}

#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(7) {

  margin-top: 10rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 5rem;
  margin-bottom: 20rem;
}

#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(7)>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(7)>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(7)>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysMain>div.sysFuncText.gift_content>div>section.selfgift.content-width>div:nth-child(7)>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


#sysMain>div.sysFuncText.gift_title>div>section.title.content-width>div:nth-child(3),
#sysMain>div.sysFuncText.gift_title>div>section.title.content-width>div:nth-child(5) {
  display: none;
}






/***************************************
:::::::::::::::::::::::::::::::::::::::

           WRAPPING

::::::::::::::::::::::::::::::::::::::::
****************************************/


#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section {
  margin-top: 0;
  padding-top: 20rem;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>h1 {
  margin-bottom: 20rem;
}


#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>h1>img {
  width: 100%;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>div.wrapbox {
  margin-top: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}


#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>div.wrapbox>div.titlebox {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>div.wrapbox>div.titlebox>div.title {
  padding-left: 5rem;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>div.wrapbox>div.titlebox>div.title>h2 {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
}


#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>div.wrapbox>div.imagebox {
  display: flex;
  justify-content: space-evenly;
  margin-top: 5rem;
  align-items: flex-end;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>div.wrapbox>div.imagebox>div:nth-child(1),
#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>div.wrapbox>div.imagebox>div:nth-child(3) {
  height: 30rem;
}




#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>div:nth-child(3)>div.titlebox>div:nth-child(1) {
  order: 2;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>div:nth-child(3)>div.titlebox>div.title {
  padding-right: 5rem;
  padding-left: 0;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>div:nth-child(4)>div.titlebox>div.title>div {
  background: #f2cd00;
  width: 6rem;
  text-align: center;
  border-radius: 20px;
  padding: 0.2rem;
  margin-bottom: 1rem;
}


#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>div:nth-child(5)>div.titlebox>div:nth-child(1) {
  width: 100%;
  order: 2;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>div:nth-child(5)>div.titlebox>div.title {
  width: 100%;
  padding-left: 0;
  padding-right: 5rem;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone>div>section>div:nth-child(5)>div.titlebox>div.title>div {
  margin-bottom: 2rem;
}




#sysMain>div.sysFuncText.giftoption>div>section>div.ribbon {

  width: 55rem;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.giftoption>div>section>div.flexbox {
  max-width: 100rem;
  margin: 10rem auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-start;
}


#sysMain>div.sysFuncText.giftoption>div>section>div.flexbox>div.flexitem {
  width: 45%;
  text-align: center;
  margin-bottom: 5rem;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>div:nth-child(1)>img {
  width: 100%;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>h2 {
  text-align: center;
  margin: 5rem;
  font-size: 3rem;
  font-weight: 600;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>p:nth-child(3) {
  text-align: center;
  font-weight: 500;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>div.noshiLineup {
  margin: 5rem;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>div.noshiLineup>p {
  font-weight: 600;
  margin-bottom: 3rem;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>div.noshiLineup>div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>div.noshiLineup>div>div.noshiitem {
  position: relative;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>div.noshiLineup>div>div.noshiitem>p:nth-child(1) {
  position: absolute;
  font-weight: 600;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>div.noshiLineup>div>div.noshiitem>p:nth-child(3) {
  text-align: center;
  margin-top: 3rem;
  width: 20rem;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>p:nth-child(5) {
  text-align: center;
  font-weight: 500;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>div.noshitype {
  margin: 10rem 0;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>div.noshitype>p {
  text-align: center;
  font-weight: 600;
  font-size: 2rem;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>div.noshitype>div {
  margin: 5rem 0;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>div.noshitype>div>div.flexitem {
  width: 45%;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone>div>section>div.noshitype>div>div.flexitem>p.bold {
  font-size: 2rem;
  font-weight: 600;
  margin: 2rem 0;
}


#sysMain>div.sysFuncText.wrappingorder>div>section>div.article {
  margin-bottom: 15rem;
}


#sysMain>div.sysFuncText.wrappingorder>div>section>div.article>p {
  font-weight: 600;
  text-align: center;
  margin-bottom: 5rem
}


#sysMain>div.sysFuncText.wrappingorder>div>section>div.article>div>a>img {
  width: 100%;
}


#sysMain>div.sysFuncText.wrappingorder>div>section>p.bold {
  text-align: center;
  font-weight: 600;
  font-size: 2rem;
  margin: 3rem 0;
}


#sysMain>div.sysFuncText.wrappingorder>div>section>p:nth-child(3) {
  text-align: center;
  font-weight: 600;
}

#sysMain>div.sysFuncText.wrappingorder>div>section>div.shopping {
  margin: 10rem 0;
  text-align: center;
}

#sysMain>div.sysFuncText.wrappingorder>div>section>div.shopping>div {
  max-width: 10rem;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.wrappingorder>div>section>div.shopping>div>img {
  width: 100%;
}

#sysMain>div.sysFuncText.wrappingorder>div>section>div.shopping>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 2px;

}

#sysMain>div.sysFuncText.wrappingorder>div>section>div.categoryFlex {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10rem;
}

#sysMain>div.sysFuncText.wrappingorder>div>section>div.categoryFlex>div {
  width: 30%;
}

#sysMain>div.sysFuncText.wrappingorder>div>section>p:nth-child(3)>a {
  border-bottom: 1px solid #f2cd00;
}



/****************************

　　　プライバシーポリシー

****************************/

#sysMain>div.sysFuncText.p-privacy.col2Style {
  padding-top: 10rem;
  max-width: 60rem;
  margin: 0 auto;
}



/****************************

　　　カート

****************************/

#sysBasket>#sysAll>#sysMain>h1>span {
  background-color: #fff;
}


/****************************

　　　  会員ログイン

****************************/

body#membership>#sysAll>#sysHeader>div.h_spnavi>#spNaviWrap>section.wrap1 {
  padding-top: 10rem;
}


body#membership>#sysAll>#sysHeader>div.h_spnavi>#spNaviWrap>section>div>div {
  max-width: 90rem;
  margin: 0 auto;
}


/***************************************
:::::::::::::::::::::::::::::::::::::::

           shop一覧

::::::::::::::::::::::::::::::::::::::::
****************************************/



#sysMain>div.sysFuncText.shoplist {
  max-width: 70rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.tab>div>section>div.shopwrap>div>div>div.itemwrap {
  width: 30rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactBttn {
  margin-right: 5rem;
}

#sysMain>div.sysFuncText.shoplist>div>div.shopContact>div.contactList>div.contactBttn>div.linkBttn {
  width: 300px;
}

#sysMain>div.sysFuncText.shoplist>div>section>div.shopwrap>div>div.itemwrap {
  width: 30rem;
}


/***************************************
:::::::::::::::::::::::::::::::::::::::

          施設導入インタビュー

::::::::::::::::::::::::::::::::::::::::
****************************************/


#sysMain>div.sysFuncText.corporation>div>div.listwrap>div.accordion>details {
  margin: 0 auto;
  margin-bottom: 7px;
}


#sysMain>div.sysFuncText.corporation>div>div.hotereswrap>div.itemwrap {
  margin: 0 5vw;
  margin-bottom: 10rem;
}


#sysMain>div.sysFuncText.corporation>div>div.jalContainer>div:nth-child(1)>div:nth-child(1) {
  right: 10rem;
}


#sysMain>div.sysFuncText.corporation>div>div.jalContainer>div:nth-child(1)>div:nth-child(2) {
  left: 5rem;
  width: 150px;
}



/***************************************
:::::::::::::::::::::::::::::::::::::::

                 FUTON

::::::::::::::::::::::::::::::::::::::::
****************************************/

#sysMain>div.sysFuncText.myfirstfuton>div>div {
  max-width: 70rem;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92 {
  width: 100%;
  max-width: 70rem
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul>li:nth-child(1) {
  width: 20%;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul>li:nth-child(2) {
  width: 20%;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul>li:nth-child(3) {
  width: 12%;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.layout_f92>div>ul>li:nth-child(4) {
  width: 20%;
}


#link_01>div>h3 {
  margin-left: 0;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(4)>ul {
  display: flex;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common {
  background: url(/img/under/futon/line_f92.png) no-repeat center bottom;
}


#link_01>div>div.pic {
  width: 100%;
  max-width: 35rem;
}


#link_01>div>div.text {
  width: 100%;
  max-width: 30rem;
}



#link_02>ul {
  text-align: center;
}

#link_03>div.block>div.bg>div.contents {
  width: 100%;
}

#link_03>div:nth-child(2)>div>div.contents>div.block_normal>div.text>p,
#link_03>div:nth-child(3)>div>div.contents>div.block_normal>div.text>p,
#link_03>div:nth-child(4)>div>div.contents>div.block_normal>div.text>p {
  width: 100%;
  max-width: 30rem;
}

#link_04>div:nth-child(3)>div {
  width: 100%;
  max-width: 70rem;
}

#link_04>div:nth-child(3)>div>div.left,
#link_04>div:nth-child(3)>div>div.right {
  width: 100%;
  max-width: 30rem
}

#air>ul>li {
  width: 100%;
}

#air>ul>li>ul>li {
  width: 100%;
  max-width: 70rem;
}


#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>div>p {
  width: inherit;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div.block_f92_common.block_f92_08>div.block_03>ul>li {
  width: 28%;
}

#sysMain>div.sysFuncText.myfirstfuton>div>div>div:nth-child(12)>ul {
  display: flex;
}


/***************************************
:::::::::::::::::::::::::::::::::::::::

          ii FRIENDS

::::::::::::::::::::::::::::::::::::::::
****************************************/

#sysMain>div.sysFuncText.ii-friends>div>h1>div.titileImage_sp {
  display: none;
}

#sysMain>div.sysFuncText.ii-friends>div>section.about>div>div.texbox,
#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div>div.texbox {
  margin-top: 0;
}


#sysMain>div.sysFuncText.ii-friends>div>section.present {
  width: 70%;
}


#sysMain>div.sysFuncText.ii-friends>div>section.present>div.flexbox>div.flexitem {
  max-width: 45%;
}


#sysMain>div.sysFuncText.ii-friends>div>section.about>div>div.texbox>div.forsp,
#sysMain>div.sysFuncText.ii-friends>div>section.purpose>div>div.texbox>div.forsp,
#sysMain>div.sysFuncText.ii-friends>div>section.reason>div.forsp {
  display: none;
}



/******************************************************************************************************************************************

　　　　　　　　　　　商品詳細ページ

*******************************************************************************************************************************************/

#productWrap {
  margin-top: 0;
  max-width: 65rem;
}



#productWrap>div.sysCategoryPankuzu>a {
  margin-left: 2rem;
}

#productWrap>div.sysBlock.flexwrap {
  flex-direction: column;
}

#productWrap>div.sysBlock.flexwrap>div.sysItemImages {
  max-width: 60rem;
  padding-right: 0;
  margin: 0 auto;
}

#productWrap>div.sysBlock.flexwrap>div.sysBlock.oderarea {
  width: 90%;
  margin: 0 auto;
}

#sysSelections {
  text-align: right;
}


#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child {
  margin-right: 0;
}



#sysExplanation>details:nth-child(2)>div>div.color>div.mixcolor {
  max-width: 70rem;
  margin: 0 auto;
  padding: 3rem;
  border: 3px solid #f2cd00;
}


/*.sysReview*/
#sysItemDetail .sysReview {
  width: 100%;
  max-width: 70rem;
  margin: 0 auto;
}

/*********************************

　　　　カテゴリーページ

*********************************/

#sysItemCategory>#sysAll>#sysWrap {
  margin-top: 0;
}


/**************************************
***************************************

           お知らせ詳細ページ

***************************************
***************************************/

#sysInformation>#sysAll>#sysMain>article{
margin-top: 200px;
}


/**********************************
       
　　　　ご利用ガイドページ

**********************************/

#sysMain>div.sysFuncText.s_guide.col2Style {
  max-width: 70rem;
}



/******************************
******************************

     レビュー一覧

********************************
******************************/


#sysItemReviewIndex>#sysAll>#sysWrap>#sysMain>h2 {
  margin-top: 5rem;
}


/******************************
******************************

   English ページ

********************************
******************************/


#ENGLISHcontents>div.common_inner {
  max-width: 70rem;
}

/**************************************
　　　　ギフト直送ページ
***************************************/



#sysMain>div.sysFuncText.directdelivery>div>div.chokusoMainBlock {
  margin: 12rem 1rem;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div.slick-track {
  padding: 0;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slick-slide {
  width: 100%;
}


#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slider-item>div.slider-image {
  width: 100% !important;
  height: 30vh;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slider-item>div.chokusobox {
  width: 100%;
  padding: 0;
}

.slick-initialized .slick-slide {
  display: block;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slider-item>div.chokusobox>p.textTitle {
  font-size: 1.6rem;
  text-align: center;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slider-item>div.chokusobox>p.textTitle>span {
  font-size: 1.8rem;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.wrapper>div>div.slick-list.draggable>div>li.slider-item>div.chokusobox>p.honbun {
  padding: 0 8rem;
}

.slick-prev,
.slick-next {
  height: 15px;
  width: 15px;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.Footerkugiri>img.iiwanbox {
  top: -5rem;
  left: 2rem;
  max-width: 70px;
  margin: 0 2rem;
}


#sysMain>div.sysFuncText.directdelivery>div>div>div.Footerkugiri>img.deliverycar {
  right: 5rem;
  margin: 0 2rem;
}

#sysMain>div.sysFuncText.directdelivery>div>div>div.Footerkugiri {
  margin-top: 5rem;
}

/************************

法人専用ギフトセットページ

*************************/


#sysExplanation>details.accordion-003>div.BOX>div.linkBttn {
  position: relative;
  margin: 3rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysExplanation>details.accordion-003>div.BOX>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  transition: transform .2s;
}

#sysExplanation>details.accordion-003>div.BOX>div.linkBttn>a>div:active {
  transform: scale(.95);
}


#sysExplanation>details.accordion-003>div.BOX>div.linkBttn>div {
  position: absolute;
  top: -20px;
  left: -15px;
  width: 2rem;
}


/***************************************

　　　　　　　クリスマスLP

****************************************/




#sysMain>div.sysFuncText.firstvisual.sysDisplayMobileNone>div>section>div.about>div.abouttexbox {
  margin-left: 5rem;
  z-index: 2;
  position: relative;
  margin-bottom: 5rem;
}

#sysMain>div.sysFuncText.firstvisual.sysDisplayMobileNone>div>section>div.about>div.itemimage {
  width: 40rem;
  right: 2rem;
}

#sysMain>div.sysFuncText.reason>div>section>div.textbox {
  position: unset;
}

#sysMain>div.sysFuncText.reason>div>section>div.textbox>p {
  margin-left: 12rem;
}


#sysMain>div.sysFuncText.material>div>section>div {
  max-width: 70rem;
}

#sysMain>div.sysFuncText.material>div>section>p {
  text-align: left;
  line-height: unset;
  margin: 3rem;
}

#sysMain>div.sysFuncText.material>div>section>div.bgimage.for_pc {
  display: none;
}

#sysMain>div.sysFuncText.material {
  margin-bottom: 15rem;
}

#sysMain>div.sysFuncText.testreport>div>section.report>div {
  max-width: 70rem;
}

#sysMain>div.sysFuncText.testreport>div>section>p:nth-child(4) {
  max-width: 70rem;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.itemlineup.sysDisplayMobileNone {
  overflow: hidden;
}

#sysMain>div.sysFuncText.itemlineup.sysDisplayMobileNone>div>section>div:nth-child(4) {
  max-width: 60rem;
}

#sysMain>div.sysFuncText.media>div>section>div.for_pc {
  max-width: 70rem;
  margin-top: 5rem;
}

#sysMain>div.sysFuncText.uservoice>div>section>div.reviewbox.for_pc>div {
  max-width: 70rem;
  margin: 2rem auto;
}


#sysMain>div.sysFuncText.xmasgiftset>div>section>div.presentwrap {
  max-width: 70rem;
}


#sysMain>div.sysFuncText.myfirstdish>div>section>div.image>img {
  max-width: 35rem;
}

#sysMain>div.sysFuncText.myfirstdish>div>section>p {
  width: 100%;
  max-width: 70rem;
}


#sysMain>div.sysFuncText.colorsecret>div>section>div.color {
  margin: 10rem 2rem;
}


#sysMain>div.sysFuncText.lpfaq>div>section.faq>div.accordWrap {
  max-width: 70rem;
  margin: 5rem auto;
}

#sysMain>div.sysFuncText.lpfaq>div>section.faq>div.Bttnset {
  max-width: 70rem;
  margin: 5rem auto;
}


/***********************************

     ソーシャルギフト受取ページ


***********************************/

#sysMain>div.sysSocialGiftReceive {
  max-width: 70rem;
  margin: 15rem auto 5rem;
}


/**********************************************


2024 xmas LP


**********************************************/

#christmas2024> #sysAll > #sysWrap{
margin-top:0;
}

/*hero*/

#sysMain > div.sysFuncText.xmas24 > div > section.hero {
background: url(/img/lp/xmas2024/firstimage.jpg) no-repeat bottom right / cover;
}

#sysMain > div.sysFuncText.xmas24 > div > section.hero > div.hero__flex > h1{
padding: 20px 0 0 20px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.hero > div.hero__flex > h1 > img{
    max-width: 350px;
}

#sysMain > div.sysFuncText.xmas24 > div > section.hero > div.hero__flex > div{
padding: 15px 15px 0 0;
}
#sysMain > div > div > section.hero > div.hero__flex > div > img{
max-width: 150px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.hero > div.hero__sub{
margin: 20px 0 0 15px;
    max-width: 250px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.hero > a > button{
    width: 150px;
    font-size: 10px;
    padding: 5px;
    margin: 20px 0 30px 20px;
}

/*problem*/ 

#sysMain > div > div > section.problem > div.problem__illust.forsp{
max-width: 75px;
    margin: 0 auto;
    padding-top: 20px;
}

#sysMain > div.sysFuncText.xmas24 > div > section.problem > div.problem__grid{
display: block;
    margin: 0 5vw;
}
#sysMain > div.sysFuncText.xmas24 > div > section.problem > div.problem__grid > p{
font-size: 16px;
line-height: 1.8;
}

#sysMain > div > div > section.problem > div.problem__illust.forsp{
max-width: 88px;
    margin-right: 0;
    margin-left: auto;
    padding-right: 10vw;
}

#sysMain > div > div > section.problem > div.problem__illust.forsp{
margin-right: auto;
    padding-top: 20px;
    padding-right: 0;
}

#sysMain > div.sysFuncText.xmas24> div > section.problem > div.problem__grid > div:nth-child(1),
#sysMain > div.sysFuncText.xmas24 > div > section.problem > div.problem__grid > div:nth-child(3){
display:none;
}



/*solution*/


#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__title{
padding-top: 35px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__title > div{
max-width: 100px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__title > h2{
margin-top: 15px;
    font-size: 20px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__title::before,
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__title::after{
display:none;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > p{
max-width: 100%;
    margin: 25px 5vw;
font-size: 16px;
    line-height: 1.8;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-title{
max-width: 260px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-title > div{
max-width: 120px;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-box{
flex-direction: column;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-box > p{
width: 90vw;
font-size: 16px;
    line-height: 1.8;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-box > div{
width: 60vw;
    height: 60vw;
    margin-top: 70px;
position:relative;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-title::after{
display:none;
}
#sysMain > div.sysFuncText.xmas24 > div > section.solution > div.solution__content > div.solution__content-box > div::after{
position:absolute;
content:"";
width:130px;
height:85px;
background:url("/img/lp/xmas2024/presentforyou.png") no-repeat center / contain;
top:-85px;
right:0;
}

/*benefit*/
#sysMain > div > div > section.benefit{
position:relative;
}

#sysMain > div > div > section.benefit::after{
position:absolute;
top: 250px;
 right: 0px;
content:'';
width:500px;
height:430px;
background:url("/img/lp/xmas2024/solutionimg1.png") no-repeat right / contain;
background-size: auto 430px;
}

#sysMain > div > div > section.benefit::before{
position:absolute;
top:550px;
left:0px;
content:'';
width:500px;
height:430px;
background:url("/img/lp/xmas2024/solutionimg2.png") no-repeat left / contain;
background-size: auto 430px;
}

#sysMain > div > div > section.benefit > div.benefit__title{
background: url("/img/lp/xmas2024/Rectangle 18.svg") repeat top right / contain;
padding: 60px 0;
}

#sysMain > div > div > section.benefit > div.benefit__title > div.benefit__title-img.forpc > img{
display: block;
    max-width: 515px;
    margin: 0 auto;
}

#sysMain > div > div > section.benefit > div.benefit__title > h2{
font-size: 48px;
    font-weight: 600;
    text-align: center;
    margin-top: 70px;
}

#sysMain > div > div > section.benefit > div.benefit__content{
position: relative;
display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
max-width: 750px;
    margin: 80px auto;
}



#sysMain > div > div > section.benefit > div.benefit__content > ul{
margin-bottom:35px;
background:url("/img/lp/xmas2024/Ellipse.png") no-repeat  center /contain;
padding-bottom: 60px;
}

#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(1){
text-align: center;
grid-area: 1 / 1 / 2 / 4;
margin-left: 100px;
}
#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(2){
text-align: center;
grid-area: 1 / 4 / 2 / 7;
margin-right: 100px;
}
#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(3){
text-align: center;
    grid-area: 2 / 1 / 3 / 3;
}
#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(4){
text-align: center;
grid-area: 2 / 3 / 3 / 5;
}
#sysMain > div > div > section.benefit > div.benefit__content > ul:nth-child(5){
text-align: center;
grid-area: 2 / 5 / 3 / 7;
}
#sysMain > div > div > section.benefit > div.benefit__content > ul > img{
max-width:120px;
}

#sysMain > div > div > section.benefit > div.benefit__content > ul> li{
font-size: 20px;
    font-weight: 500;
    margin-top: 30px;
}

#sysMain > div > div > section.benefit > div.benefit__title > div.benefit__title-img.forsp{
 display: none;
}

#sysMain > div > div > section.benefit::after{
 display: none;
}
#sysMain > div > div > section.benefit::before{
 display: none;
}

/*evidence*/

#sysMain > div > div > section.evidence > div.evidence__title > div::before{
top: -5px;
    left: -40px;
    width: 50px;
    height: 30px;
}

#sysMain > div > div > section.evidence > div.evidence__title > div::after{
top: -10px;
    right: -40px;
    content: '';
    width: 50px;
    height: 40px;
}
#sysMain > div > div > section.evidence > div.evidence__title > h2{
font-size: 20px;
}
#sysMain > div > div > section.evidence > div.evidence__content{
margin: 25px 5vw;
}
#sysMain > div > div > section.evidence > div > div.evidence__content-title{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#sysMain > div > div > section.evidence > div.evidence__content > div.evidence__content-title > img{
display: block;
    height: auto;
    width: 30px;
}
#sysMain > div > div > section.evidence > div.evidence__content> div.evidence__content-title > p{
font-size: 18px;
}

#sysMain > div > div > section.evidence > div:nth-child(4) > div.evidence__content-title > img{
width: 20px;
}


/*content*/

#sysMain > div > div > section.contents{
margin: 30px auto;
}
#sysMain > div > div > section.contents > div:nth-child(1) > p.contents__title-small{
font-size: 16px;
}
#sysMain > div > div > section.contents > div:nth-child(1) > div{
max-width: 100px;
}

#sysMain > div > div > section.contents > div:nth-child(1) > p.contents__title-txt{
margin-top: 15px;
    font-size: 20px;
}
#sysMain > div > div > section.contents > div.contents__content > div{
  max-width: 500px;
    margin: 0 auto;
}
#sysMain > div > div > section.contents > div.contents__content > ul > li{
padding-left: 0;
    margin: 40px 5vw;
    padding-top: 30px;
    text-align: center;
}
#sysMain > div > div > section.contents > div.contents__content > ul > li:nth-child(1)::before,
#sysMain > div > div > section.contents > div.contents__content > ul > li:nth-child(2)::before,
#sysMain > div > div > section.contents > div.contents__content > ul > li:nth-child(3)::before,
#sysMain > div > div > section.contents > div.contents__content > ul > li:nth-child(4)::before{
left: 45%;
}
#sysMain > div > div > section.contents > div.contents__color{
margin-top: 90px;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-title{
text-align: center;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-title > p{
font-weight:600;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex{
display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
margin-top: 55px;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(1){
grid-area: 1 / 1 / 2 / 2;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(2){
grid-area: 1 / 2 / 2 / 3;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(3){
grid-area: 1 / 3 / 2 / 4;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(4){
grid-area: 2 / 1 / 3 / 2;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(5){
    grid-area: 2 / 2 / 3 / 3;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div.contents__color-flex-item{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div.contents__color-flex-item > div{
display: flex;
    justify-content: center;
    align-items: center;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div.contents__color-flex-item > div > img{
max-width: 85px;
height: 56px;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div.contents__color-flex-item > div > p{
font-weight: 600;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div.contents__color-flex-item > p{
font-weight: 500;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(1) > div > p{
color: #E7DC77;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(2) > div > p{
color: #E0DDC6;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(3) > div > p{
color: #C8D49C;
}

#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(4) > div > p{
color: #FEBCBE;
}
#sysMain > div > div > section.contents > div.contents__color > div.contents__color-flex > div:nth-child(5) > div > p{
color: #94BECE;
}

#sysMain > div > div > section.contents > div.contents__item{
margin-top:85px;
}


#sysMain > div > div > section.contents > div.contents__item > div.contents__item-title > div{
margin: 0 auto;
    width: 200px;
}

#sysMain > div > div > section.contents > div.contents__item > div.contents__item-title > p{
text-align: center;
    font-size: 40px;
    margin-top: 20px;
    font-weight: 600;
}
#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex{
display: flex;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    align-items: center;
}
#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex > div.contents__item-flex-item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex > div.contents__item-flex-item > img:nth-child(1){
max-width:235px;
}

#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex > div.contents__item-flex-item > img:nth-child(2){
margin-top: 10px;
    max-width: 65px;
}
#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex > div.contents__item-flex-item > p{
font-weight: 600;
    margin-top: 10px;
    font-size: 20px;
}
#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex > div.contents__item-flex-item > p > span{
font-size:14px;
}

#sysMain > div > div > section.contents > div.contents__item > div.contents__item-flex > div.contents__item-flex-item > a > button{
max-width: 150px;
    padding: 10px 15px;
    background-color: #DE5F59;
    border: none;
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
}

/*offer*/

#sysMain > div > div > section.offer{
padding: 65px 0;
    background: RGB(231, 220, 119, 0.2);
}

#sysMain > div > div > section.offer > div.offer__title{
text-align:center;
}
#sysMain > div > div > section.offer > div.offer__title > p{
font-size: 20px;
    font-weight: 600;
    max-width: 250px;
    position: relative;
}

#sysMain > div > div > section.offer > div.offer__title > p::before,
#sysMain > div > div > section.offer > div.offer__title > p::after {
content: "";
position: absolute; top: 0px;
display: block;
width: 2px ;
height: 100%;
background: #000;
}
#sysMain > div > div > section.offer > div.offer__title > p::before { 
left: 29px; transform: rotate( -30deg ) 
}
#sysMain > div > div > section.offer > div.offer__title > p::after {
 right: 29px; transform: rotate( 30deg ) 
}
#sysMain > div > div > section.offer > div.offer__title > h2{
    margin: 35px 0 50px;
    font-size: 40px;
    font-weight: 600;
}

#sysMain > div > div > section.offer > div.offer__content{
display: flex;
    max-width: 700px;
    justify-content: space-between;
    align-items: flex-start;
    margin: 80px auto;
}

#sysMain > div > div > section.offer > div.offer__content > div.offer__content-box{
width: 45%;
}

#sysMain > div > div > section.offer > div.offer__content > div:nth-child(1) > p.offer__content-box-title{
max-width: 210px;
    color: #fff;
    text-align: center;
    padding: 10px 45px;
    background: #C8D49C;
    border-radius: 10px;
    font-weight: 600;
    margin-bottom: 30px;
}

#sysMain > div > div > section.offer > div.offer__content > div:nth-child(2) > p.offer__content-box-title{
max-width: 210px;
    color: #fff;
    text-align: center;
    padding: 10px 45px;
    background: #EDB2AD;
    border-radius: 10px;
    font-weight: 600;
    margin-bottom: 30px;
}
#sysMain > div > div > section.offer > div.offer__content > div.offer__content-box > div > img{
border-radius: 10px;
}
#sysMain > div > div > section.offer > div.offer__content > div.offer__content-box > p.offer__content-box-txt{
    font-weight: 500;
    margin-top: 15px;
}


/*narrow*/

#sysMain > div > div > section.narrow{
    margin: 80px auto;
    max-width: 800px;
}
#sysMain > div > div > section.narrow > h3{
text-align: center;
    font-weight: 600;
    font-size: 24px;
}

#sysMain > div > div > section.narrow > div.narrow__item{
    margin-top: 75px;
}
#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-title > div{
margin: 0 auto;
    width: 200px;
}

#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-title > p{
text-align: center;
    font-size: 40px;
    margin-top: 20px;
    font-weight: 600;
}

#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex{
display: flex;
justify-content: space-evenly;
    flex-wrap: nowrap;
    align-items: center;
}
#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex > div.narrow__item-flex-item{
display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex > div.narrow__item-flex-item > img:nth-child(1){
max-width: 235px;
}
#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex > div.narrow__item-flex-item  > img:nth-child(2){
margin-top: 10px;
    max-width: 65px;
}

#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex > div.narrow__item-flex-item > p{
font-weight: 600;
    margin-top: 10px;
    font-size: 20px;
}

#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex > div.narrow__item-flex-item> p > span{
font-size:14px;
}

#sysMain > div > div > section.narrow > div.narrow__item > div.narrow__item-flex > div.narrow__item-flex-item> a > button{
max-width: 150px;
    padding: 10px 15px;
    background-color: #DE5F59;
    border: none;
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
}

#sysMain > div > div > section.narrow > div.narrow__contact{
    margin-top: 90px;
text-align: center;
}

#sysMain > div > div > section.narrow > div.narrow__contact > p.narrow__contact-title{
text-align: center;
    font-size: 24px;
    font-weight: 600;
}

#sysMain > div > div > section.narrow > div.narrow__contact > a:nth-child(2) > button{
border: none;
    background: #EFD800;
    border-radius: 10px;
    text-align: center;
    padding: 15px 45px;
    margin-top: 45px;
    font-weight: 600;
color:#000;
}
#sysMain > div > div > section.narrow > div.narrow__contact > p.narrow__contact-txt{
margin-top: 35px;
    font-weight: 600;
}

#sysMain > div > div > section.narrow > div.narrow__contact > a:nth-child(4){
font-size: 20px;
    font-weight: 600;
}

/*footer*/
#christmas2024 > #sysAll > #sysFooter > div.xmasfooter > div > footer > div{
max-width: 700px;
}


/*****************************************

2024xmas 商品ページ

******************************************/


#xmas24 > section.story > h2::before{
left: -20px;
}

#xmas24 > section.story > h2::after{
    width: 150px;
    height: 200px;
top: 0px;
    right: -60px;
}
#xmas24 > section.story > h2 > img.forsp{
    display: none;
}
#xmas24 > section.story::after{
bottom: 50px;
}
#xmas24 > section.giftset > h2 > img.forsp{
   display: none;
}
#xmas24 > section.giftset > div.giftset__set-details > h3{
max-width: 300px;
}
#xmas24 > section.giftset > div.giftset__set-details > h3::before{
    top: 10px;
left: 0px;
}
#xmas24 > section.giftset > div.giftset__set-details > h3::after{
    top: 10px;
    right: 0;
}
#xmas24 > section.giftset > div.giftset__set-details > h3{
max-width: 300px;
}
#xmas24 > section.howtowish > h2 > img.forsp,
#xmas24 > section.color > h2 > img.forsp,
#xmas24 > section.giftbox > h2 > img.forsp,
#xmas24 > section.present > h2 > img.forsp,
#xmas24 > section.attention > div.attention__title > img.forsp,
#xmas24 > section.howtoorder > h2 > img.forsp{
   display: none;
}


/**********************************************


2025 SMILETABLE LP


**********************************************/

#jibundetaberu > #sysAll > #sysWrap{
    margin-top: 0;
}

.in-width{
max-width:70rem;
margin: 0 auto;
padding: 0 10vw;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02hero{
background: top right / cover no-repeat url(/img/lp/smiletable2025/hero_pc.jpg);
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02hero > h1{
font-size: 2.4rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div:nth-child(2){
padding: 10.5rem 0;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div:nth-child(3) > img:nth-child(1){
    max-width: 8rem;
    left: 2vw;
}
#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div:nth-child(3) > img:nth-child(2){
right: 0;
max-width: 13rem;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02content{
background: left top / 100% auto no-repeat url(/img/lp/smiletable2025/head_bg.png);
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-title > h2{
font-size: 2.4rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-box > div{
    max-width: 30%;
 flex-grow: 1;
height: min-content;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-box > div > p.lp02content__container-box-item-ttl{
font-size: 1.6rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__container > div.lp02content__container-box > div > p.lp02content__container-box-item-txt{
font-size: 1.4rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div:nth-child(3){
padding: 0;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item > div.lp02content__item-txt > h2,
#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item > div.lp02content__item-txt > h3,
#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item > div.lp02content__item-txt > p,
#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.lp02content__item > div.lp02content__item-img.forsp{
display:none;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt{
padding-left: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > p.itembuy__txt-desc{
font-size: 1.6rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > p.itembuy__txt-price{
    font-size: 2.4rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > a > div{
    width: fit-content;
font-size: 1.8rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02content > div.itembuy > div.itembuy__txt > a > div > img{
    max-width: 6rem;
    margin-right: 1rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02point > h2{
font-size: 2.4rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02point.in-width > div > img{
    max-width: 10rem;
    bottom: -5rem;
    left: -10vw;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review > h2{
    font-size: 2.4rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review> div{
grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color > img{
right: 10vw;
        top: -8rem;
        max-width: 8rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02review > div.lp02review__container > div.lp02review__container-item > p.lp02review__container-item-txt{
    height: min-content;
    min-height: 30rem;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first{
display: block;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-img{
padding-top: 0;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-color > p.lp02color__first-color-name,{
font-size: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-color > p.lp02color__first-color-txt{
font-size: 1.6rem;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-title > h2{
text-align: center;
font-size: 2.4rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-title > h3{
    text-align: center;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-img{
padding-top: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-color{
margin: 0 auto;
max-width: 30rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-color > p.lp02color__first-color-name,
#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__first > div.lp02color__first-color > p.lp02color__first-color-txt{
font-size: 2rem;
padding-left: 1rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second{
    flex-wrap: wrap;
    justify-content: center;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second > div{
    width: 48%;
    padding-left: 5vw;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02color.in-width > div.lp02color__second > div.lp02color__second-color > p.lp02color__second-color-name{
font-size: 1.8rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.lp02narrow__img > img.forsp{
display: none;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.lp02narrow__message{
padding: 0 5vw;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.lp02narrow__message > p{
font-size: 1.8rem;
}


#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt{
padding-left: 2rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > p.itembuy__txt-desc{
font-size: 1.6rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > p.itembuy__txt-price{
    font-size: 2.4rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > a > div{
    width: fit-content;
font-size: 1.8rem;
}

#sysMain > div.sysFuncText.stp202502 > div > section.lp02narrow > div.itembuy > div.itembuy__txt > a > div > img{
    max-width: 6rem;
    margin-right: 1rem;
}

/*footer*/
#jibundetaberu > #sysAll > #sysFooter > div.xmasfooter > div > footer > div{
max-width: 700px;
}



/**********************************************


2025 お盆LP


**********************************************/


#kazokudeobon > #sysAll > #sysWrap{
padding-top: 0;
}

#obonhero > div.obonhero__pc.forpc > div{
margin: 50px 10vw 30px;
}

#obonhero > div.obonhero__pc.forpc > div > div.obonhero__pc-flex-txt{
font-size: 2rem;
    line-height: 40px;
}

#obonhero > div.obonhero__pc.forpc > div > div.obonhero__pc-flex-txt > a > button{
margin-top: 30px;
}

#obonhero > div.obonhero__pc.forpc > div > div.obonhero__pc--fleximg{
 top: -10%;
}

#obonstory{
margin-top: 110px;
}

#obonstory > div > h2{
    font-size: 2.8rem;
}

#obonstory > div > p{
font-size: 1.8rem;
}

#obonintro > div{
max-width: 95%;
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
grid-row-gap: 20px;
}

#obonintro > div > h2{
text-align: center;
    font-size: 2.8rem;
}

#obonintro > div > img{
margin-top: 30px;
}

#obonintro > div > p{
text-align:center;
}

#obonadvance > div{
max-width: 95%;
}

#obonadvance > div > h2{
    font-size: 2.8rem;
}

#obonadvance > div > p{
    margin: 50px 0;
}

#obonadvance > div > div > div{
max-width:45%;
}

#detail > div > h2{
font-size: 2.8rem;
}

#detail > div > div{
margin-top: 50px;
}

#obonoffer1 > div > h2, 
#obonoffer2 > div > h2{
font-size: 2.8rem;
}

#obonoffer1 > div,
 #obonoffer2 > div{
max-width: 95%;
}

#obonoffer1 > div > div{
display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 10vw;
    margin-top: 50px;
}

#obonoffer1 > div > div > h3{
margin: 20px 0;
}

#obonoffer1 > div > div > p{
    padding: 0 10px;
}


#obonoffer1 > div > div > a > button{
margin: 20px 0;
}

#obonreview > h2{
background: url(/img/lp/obon/voice_header_sp.jpg) no-repeat top / contain;
    margin: 110px 0 0;
font-size: 2.8rem;
}

#obonreview > div{
max-width: 95%;
}

#obonreview > div > p.obonreview__wrap-ttl{
font-size: 2.2rem;
}


#about > div{
    max-width: 75%;
}

#about > div > div.about__wrap-pc.forpc{
display: none;
}

#about > div > div.about__wrap-sp.forsp > img{
display: block;
    margin: 40px auto;
border-radius: 10px;
}

#about > div > div.about__wrap-sp.forsp > img:nth-child(1){
    max-width: 400px;
border-radius: 0px;
}

#about > div > div.about__wrap-sp.forsp > p.about__wrap-sp-ttl{
font-size: 1.8rem;
    font-weight: 600;
}

#obonoffer2 > div > div{
margin-top: 50px;
}

#kazokudeobon > #sysAll > #sysFooter > div.xmasfooter > div > footer > div{
max-width: 90%;
}

#obonhero > div.obonhero__sp.forsp,
#obonimge > img.forsp,
#obonclose > img.forpc{
display:none;
}
}
@media screen and (min-width:1200px){
.sysDisplayPcNone {
  display: none !important;
}

.content-width {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 25rem;
}

.forsp {
  display: none;
}

.for_sp {
  display: none;
}

.telLink {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}


/*固定ヘッダー*/




#sysHeader>div.sysFuncText.navBttn{
  position: absolute;
  width: 25rem;
  height: 8rem;
  z-index: 99;
  top: 2rem;
  right: 0;
}

#sysHeader>div.sysFuncText.navBttn.m_fixed{
  position: fixed;
  top: 2rem;
}


#headerBttn {
  position: relative;
}

#cart {
  position: absolute;
  top: 2rem;
  right: 15rem;
  z-index: 999;
}



#cart {
  width: 5.5rem;
  height: 5.5rem;
  background-image: url("https://iiwan.jp/img/top/header/cart.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 999;
}


#sysHeader>div.header_wrap>div>div>div>div>div {
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 100;
}

/*ナビボタン*/

#headerBttn>div.gnavBttn {
  position: absolute;
  top: 2rem;
  right: 7rem;
  width: 5.5rem;
  height: 5.5rem;
  background-image: url("https://iiwan.jp/img/top/header/gnav.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 999;
}


#headerBttn>div.gnavBttn.change {
  width: 5.5rem;
  height: 5.5rem;
  background-image: url("https://iiwan.jp/img/top/header/close.png");
  background-repeat: no-repeat;
}

#headerBttn>nav {
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s linear;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0px;
  left: 0;
  text-align: center;
  right: 0;
  background: #f8f8f4;
  z-index: 99;
  padding: 15rem 0;
}


/*ナビリスト*/


#headerBttn>nav.is-active {
  pointer-events: auto;
  opacity: 0.99;


}

#headerBttn>nav>ul.list1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 2.7rem;
  font-weight: 600;
  letter-spacing: 2px;
  padding-bottom: 5rem;
  border-bottom: 1px solid #1a1a1a;
  margin-bottom: 6rem;
}

#headerBttn>nav>ul.list1>li {
  margin: 0 10rem;
}

#headerBttn>nav>ul.list1>li a::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #000000;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}

#headerBttn>nav>ul.list1>li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}


#headerBttn>nav>ul.list1>li:nth-child(1)>a>img {
  vertical-align: middle;
  margin-right: 2rem;
}

#headerBttn>nav>ul.list1>li:nth-child(2)>a>img {
  vertical-align: middle;
  margin-right: 2rem;
}

#headerBttn>nav>ul.list2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 6rem;
}

#headerBttn>nav>ul.list2>li {
  margin-right: 6rem;
}

#headerBttn>nav>ul.list2>li:nth-child(3) {
  margin-right: 0;
}

#headerBttn>nav>ul.list3 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 6rem;
}

#headerBttn>nav>ul.list3>li {
  margin-right: 6rem;
}

#headerBttn>nav>ul.list3>li:nth-child(3) {
  margin-right: 0;
}

#headerBttn>nav>div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 2px;
}

#headerBttn>nav>div>div::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: 2rem;
}

#headerBttn>nav>div>ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

#headerBttn>nav>div.navContact>ul>li {
  margin-left: 2.5rem;
  background: #1a1a1a;
  border-radius: 5rem;
  padding: 10px 4rem;
}

#headerBttn>nav>div.navContact>ul>li>a {
  color: #fff;
}

#headerBttn>nav>div.english {
  margin-top: 5rem;
  font-size: 2rem;
}

#headerBttn>nav>div.sns {
  position: absolute;
  top: 20rem;
  right: 7.5rem;
}

#headerBttn>nav>div.sns>ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#headerBttn>nav>div.sns>ul>li {
  margin-bottom: 3rem;
}



#headerBttn>nav>div.sns>ul>li>a>img {
  width: 5rem;
  height: 5rem;
}




/***************************************
:::::::::::::::::::::::::::::::::::::::

          TOPページ

::::::::::::::::::::::::::::::::::::::::
****************************************/

/*トップページ2025*/

.inner82-32{
max-width: 82rem;
margin:0 auto;
}







/*流れるテキスト*/

#top_recentnews {
  display: block;
  height: 30px;
  width: 100%;
  background-color: #1a1a1a;
  overflow: hidden;
}

#top_recentnews .newsText {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  padding-left: 100%;
  white-space: nowrap;
  animation: animate-banner 20s linear infinite;
}

@keyframes animate-banner {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

#top_recentnews .newsText a {
  color: #fff;

}

#top_recentnews>div>p {
  margin: 0;
}


/*コンセプト*/
#concept>h1.first-image {
  height: 100vh;
  /* 全画面表示 */
}

#concept>div.conceptFlex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#concept>div.conceptFlex>div.leftContainer {
  margin-left: 250px;
}

#concept>div.conceptFlex>div.leftContainer>h1 {
  font-size: 4rem;
  line-height: 10rem;
  letter-spacing: 0.5rem;
}

#concept>div.conceptFlex>div.leftContainer>div.conceptTxt {
  margin-top: 10rem;
  font-size: 1.8rem;
  letter-spacing: 2px;
  line-height: 3.6rem;
  font-weight: 500;
}

#concept>div.conceptFlex>div.leftContainer>div.linkBttn {
  position: relative;
  margin-top: 6rem;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
  margin-left: 3rem;
}

#concept>div.conceptFlex>div.leftContainer>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#concept>div.conceptFlex>div.leftContainer>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#concept>div.conceptFlex>div.leftContainer>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}

/* スタッフコンタクト*/
#chat {
  position: fixed;
  bottom: 30px;
  left: 30px;
  width: 9rem;
  height: 9rem;
  z-index: 999999;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#chat:hover {
  opacity: 0.9;
}

#chat {
  width: 100px;
  height: 100px;
  background: url("/img/common/chat.png");
  background-repeat: no-repeat;
}

#chat:hover {
  background: url("/img/common/chat2.png");
  background-repeat: no-repeat;
}


/*会員登録バナー*/

#sysMain>div.sysFuncText.memberpoint  {
  margin: 15rem 0;
}


#sysMain>div.sysFuncText.memberpoint >div>div.memberbannar {
  margin: 0 auto;
  width: 100%;
  max-width: 100rem;
}



/*ギフトセクション*/


#gift>div.giftTitle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-right: 50px;
}

#gift>div.giftTitle>div.giftImage {
  background-image: url("/img/top/shopping/gift_pic.png");
  background-size: contain;
  width: 100%;
  max-width: 450px;
  min-width: 350px;
  height: 55rem;
  background-repeat: no-repeat;
  background-position: center center;
}


#gift>div.giftTitle>div.giftText {
  margin-left: 5rem;
  position: relative;
  width: 100%;
  padding-left: 5rem;
  max-width: 700px;
}


#gift>div.giftset {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 11.5rem;
}

#gift>div.giftset>a {
  margin-right: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#gift>div.giftset>a>p {
  text-align: center;
}

#gift>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 45rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#gift>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#gift>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#gift>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}

#sysMain>div.sysFuncText.gift_content >div>div.linkDerivery {
  width: 100%;
  max-width: 70rem;
  margin: 0 auto;
  margin-top: 5rem;
}



/*ラッピングセクション*/


#wrapping>div.wrappingTitle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-left: 0rem;
}

#wrapping>div.wrappingTitle>div.wrappingImage {
  background-image: url("/img/top/shopping/wrappingvisual.png");
  background-size: contain;
  width: 100%;
  max-width: 450px;
  min-width: 350px;
  height: 55rem;
  background-repeat: no-repeat;
  background-position: center center;
  order: 2;
  margin-left: 0rem;
}

#wrapping>div.wrappingTitle>div.wrappingText {
  position: relative;
  order: 1;
  width: 100%;
  max-width: 500px;
  padding-right: 5rem;
}



#wrapping>div.wrapping {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 11.5rem;
}

#wrapping>div.wrapping>a {
  margin-right: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#wrapping>div.wrapping.fadeUp.on>a>div>img {
  max-width: 26rem;
}

#wrapping>div.wrapping.fadeUp.on>a>p {
  width: 26rem;
}


#wrapping>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 35rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#wrapping>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#wrapping>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#wrapping>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}


#sysMain>div.sysFuncText.linktodirectdelivery >div>div.linkDerivery {
  width: 100%;
  max-width: 70rem;
  margin: 0 auto;
}

/*アイテムセクション*/


#itemlist>div.itemTitle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-right: 50px;
}

#itemlist>div.itemTitle>div.itemImage {
  background-image: url("/img/top/shopping/gift_pic.png");
  background-size: contain;
  width: 100%;
  max-width: 450px;
  min-width: 350px;
  height: 55rem;
  background-repeat: no-repeat;
  max-width: 550px;
  background-position: center center;
}

#itemlist>div.itemTitle>div.itemText {
  margin-left: 5rem;
  position: relative;
  width: 100%;
  padding-left: 5rem;
  max-width: 700px;
}

#itemlist>div.itemTitle>div.itemText>p {
  color: #f2cd00;
  font-weight: 600;
  font-family: Aktuelle;
  font-size: 4rem;
  letter-spacing: 4px;
}



#itemlist>div.itemList {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 11.5rem;
}

#itemlist>div.itemList>a {
  margin-right: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


#itemlist>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 35rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#itemlist>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#itemlist>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#itemlist>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}

/*OYAKO PROJECT セクション*/


#oyapro {
  position: relative;
  margin-top: 50rem;
}

#oyapro>div.OPTitle {
  max-width: 700px;
  margin-left: 15rem;
  position: absolute;
  padding-left: 5%;
  top: -15rem;
  left: 0;
}

#oyapro>div.OPTitle>div {
  position: relative;
}

#oyapro>div.OPTitle>div>img {
  position: absolute;
  top: -5rem;
  left: 25rem;
  transition: transform .6s ease;
}

#oyapro>div.OPTitle>div>img:hover {
  transform: scale(1.1);
}


#oyapro>div.OPTitle>p {
  font-size: 5.5rem;
  letter-spacing: 5px;
  font-weight: 600;
  line-height: 8rem;
}

#oyapro>div.OPTitle>p:nth-child(4) {
  font-size: 3rem;
  line-height: inherit;
  color: #f2cd00;
}

#oyapro>div.OPTitle>p:nth-child(4)>span {
  font-family: Aktuelle;
  color: black;
}


#oyapro>div.backImage>img {
  width: 100%;
}

#oyapro>div.content {
  position: relative;
}

#oyapro>div.content>div.contentTitle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  position: absolute;
  width: 400px;
  top: -15rem;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);

}

#oyapro>div.content>div.contentTitle>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 3px;
}


#oyapro>div.content {
  background-image: url("/img/top/event/yl_scratch.jpg");
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
}

#oyapro>div.content>div.contentTxt>p {
  margin: 0;
  font-size: 2rem;
  padding-bottom: 2rem;
  line-height: 4rem;
}

#oyapro>div.content>div.contentTxt {
  max-width: 800px;
  margin: 0 auto;
  font-size: 1.8rem;
  line-height: 45px;
  font-weight: 600;
  letter-spacing: 2px;
}


#oyapro>div.content>div.bottomText {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 10rem;
}

#oyapro>div.content>div.bottomText>p:nth-child(1) {
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 5rem;
}

#oyapro>div.content>div.bottomText>p:nth-child(2),
#oyapro>div.content>div.bottomText>p:nth-child(3) {
  font-size: 6.5rem;
  font-weight: 600;
  color: #fff;
  line-height: 9rem;
  letter-spacing: 2px;
}


#oyapro>div.content>div.linkBttn {
  position: relative;
  margin: 7.5rem auto 0;
  width: 35rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
  padding-bottom: 7.5rem;
}

#oyapro>div.content>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
}

#oyapro>div.content>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#oyapro>div.content>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}

/*イベントセクション*/


#event>div {
  text-align: center;
}

#event>div>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#event>ul {
  margin-top: 12.5rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

#event>ul>li:nth-child(1),
#event>ul>li:nth-child(2) {
  max-width: 26rem;
  margin-right: 5rem;
}

#event>ul>li:nth-child(3) {
  max-width: 26rem;
}


#event>ul>li>a>div {
  text-align: center;
}


#event>ul>li>a>p>span {
  text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.5em;
  text-decoration-color: rgba(242, 205, 0, 0.4);
  text-decoration-skip-ink: none;
}



/*出産祝いのHOWTOセクション*/

#shussanhowto>div.howtoTitle {
  text-align: center;
}


#shussanhowto>div>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}


#shussanhowto>div.howtoContent {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 12.5rem;
}

#shussanhowto>div.howtoContent>div {
  width: 45%;
  text-align: center;
  margin-bottom: 4.5rem;
}

/*イイフレンズセクション*/

#iifriends>div.friendsTitle {
  text-align: center;
}

#iifriends>div.friendsTitle.fadeUp.on>div:nth-child(3) {
  display: none;
}

#iifriends>div.friendsTitle.fadeUp.on>div:nth-child(2) {
  display: block;
}


#iifriends>div>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#iifriends>div.gohanContainer {
  margin-top: 12.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;
  width: unset;
  height: unset;
  overflow-x: unset;
}

#iifriends>div.gohanContainer>div {
  width: unset;
  margin: 0;
  flex-shrink: unset;
  text-align: center;
}

#iifriends>div.gohanContainer>div>div.linkBttn {
  position: relative;
  margin: 3.5rem auto;
  width: 25rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#iifriends>div.gohanContainer>div>div.linkBttn>a>div {
  background: #f2cd00;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
}

#iifriends>div.boshu {
  text-align: center;
  margin-top: 12.5rem;
}



/*キッズ写真無限ループ詳細ボタン*/

#sysMain>div.sysFuncText.kidsroll >div>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 35rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysMain>div.sysFuncText.kidsroll >div>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
}

#sysMain>div.sysFuncText.kidsroll >div>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.kidsroll >div>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}

/*iimagセクション*/

#iimag {
  margin-top: 15.5rem;
}


#iimag>div.iiwanline>ul {
  display: flex;
  margin: 0 auto;
  max-width: 750px;
  justify-content: space-evenly;
  align-items: center;
}

#iimag>div.iiwanline>ul>li {
  animation: move 1s steps(2, start) infinite;
}

@keyframes move {
  0% {
    transform: rotate(20deg);
  }

  to {
    transform: rotate(-10deg);
  }
}

#iimag>div.iiwanline {
  margin-bottom: 15.5rem;
}

#iimag>div.iimagTitle {
  text-align: center;
}

#iimag>div>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#viewPosts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 12.5rem;
}

#viewPosts>li {
  width: 45%;
  margin: 1rem;
}

#viewPosts>li>a>img {
  border-radius: 20px;
}

#viewPosts>li>a>p {
  font-weight: 600;
}


#iimag>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 35rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#iimag>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#iimag>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#iimag>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}


/*インフォメーションセクション*/




#information>div {
  background-color: #fff;
  padding: 15rem;
  border-radius: 50px;
  margin: 0;
}

#information>div>div.infoTitle {
  text-align: center;
}

#information>div>div.infoTitle>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#information>div>div.infoContainer {
  margin-top: 12rem;
}

#information>div>div.infoContainer>ul {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
}


#information>div>div.infoContainer>ul>li {
  margin: 2rem 0;
}

#information>div>div.infoContainer>ul>li>a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0;
  position: relative;
}

#information>div>div.infoContainer>ul>li>a::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #f2cd00;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}

#information>div>div.infoContainer>ul>li>a:hover::after {
  transform: scale(1, 1);
}



#information>div>div.infoContainer>ul>li>a>div.date {
  font-size: 1.5rem;
  margin-right: 2rem;
  font-weight: 600;
  border-right: 3px solid #f2cd00;
  padding-right: 2rem;
  width: 100px;
}


#information>div>div.infoContainer>ul>li>a>div.infotext {
  font-size: 1.8rem;
  letter-spacing: 1.5px;
  font-weight: 600;
  width: 550px;
}


/*ショップセクション*/

#shop>div.shopTitle {
  text-align: center;
}

#shop>div.shopTitle>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 1.5px;
}

#shop>div.shopContent {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: flex-start;
  margin-top: 12.5rem;
}

#shop>div.shopContent>div {
  max-width: 30rem;
  margin: 2rem auto;
}

#shop>div.shopContent>div>p {
  font-weight: 600;
  font-size: 1.6rem;
}


#shop>div.shopContent>div>ul.shopDeail {
  font-weight: 500;
}

#shop>div.shopContent>div>ul.shopDeail>li:nth-child(5) {
  margin-bottom: 2rem;
}


#shop>div.shopContent>div>ul.shopDeail>li:nth-child(5)>a {
  border-bottom: 2px solid #f2cd00;
}


#shop>div.shopContent>div>ul.tag {

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

#shop>div.shopContent>div>ul.tag>li:nth-child(1) {
  background: #f2cd00;
  padding: 1rem;
  border-radius: 25px;
  font-weight: 600;
  color: #fff;
  margin-right: 2rem;
  font-size: 1.6rem;
}


#shop>div.shopContent>div>ul.tag>li:nth-child(2) {
  background: #c2cf7c;
  padding: 1rem;
  border-radius: 25px;
  font-weight: 600;
  color: #fff;
  margin-right: 2rem;
  font-size: 1.6rem;
}

#shop>div.shopContent>div>ul.tag>li:nth-child(3) {
  background: #edb2ad;
  padding: 1rem;
  border-radius: 25px;
  font-weight: 600;
  color: #fff;
  font-size: 1.6rem;
}

#shop>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 35rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#shop>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
}

#shop>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#shop>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}



/*FUTONセクション*/

#futon>div {
  background: #b2c0cd;
  height: 130rem;
  margin-top: 33rem;
}


#futon>div>div.futonTitle {
  padding-top: 20rem;
  font-weight: 600;
  width: 300px;
  margin: 0 auto;
  font-size: 2rem;
  position: relative;
}

#futon>div>div.futonTitle::before {
  position: absolute;
  content: "";
  background-image: url("/img/top/futon_illust.png");
  background-repeat: no-repeat;
  background-position: center center;
  top: 15rem;
  left: 2rem;
  right: 0;
  width: 257px;
  height: 138px;
}

#futon>div>div.futonTitle>p {
  position: relative;
  z-index: 2;
}

#futon>div>div.futonCatch {
  width: 100%;
  max-width: 55rem;
  margin: 10rem auto;
  font-size: 3.5rem;
  font-weight: 600;
  letter-spacing: 2px;
}

#futon>div>div.futonImage {
  width: 100%;
  max-width: 85rem;
  height: 44rem;
  margin: 2rem auto;
}

#futon>div>a>div {
  text-align: center;
  margin: 10rem auto;
  width: 100%;
  max-width: 45rem;
  font-weight: 600;
  font-size: 1.8rem;
  background: #f9f8f4;
  padding: 2rem 4rem;
  border-radius: 50px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


/*ショッピングセクション*/

#shopping>div>div.shoppingText {
  text-align: center;
}

#shopping>div>div.shoppingText>p:nth-child(1) {
  color: #f2cd00;
  font-weight: 600;
  font-family: Aktuelle;
  font-size: 4rem;
  letter-spacing: 4px;
}


#shopping>div>div.shoppingText>p:nth-child(2) {
  font-weight: 600;
  font-size: 3rem;
  letter-spacing: 2px;
}

#shopping>div>div.categoryFlex {
  display: flex;
  margin-top: 12.5rem;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
}

#shopping>div>div.categoryFlex>div {
  width: 30%;
}

/*コンタクトセクション*/

#contact>div {
  background: #f2cd00;
}

#contact>div>div {
  padding-top: 17.5rem;
  padding-bottom: 10rem;
}

#contact>div>div>div.contactTitle {
  text-align: center;
}



#contact>div>div>div.contactTitle>p:nth-child(1) {
  color: #fff;
  font-weight: 600;
  font-family: Aktuelle;
  font-size: 4rem;
  letter-spacing: 4px;
}

#contact>div>div>div.contactTitle>p:nth-child(2) {
  font-weight: 600;
  font-size: 3rem;
  letter-spacing: 2px;
}



#contact>div>div>ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  padding: 5rem 20rem;
}

#contact>div>div>ul>li.tel {
  display: none;
}

#contact>div>div>ul>li {
  max-width: unset;
}


#contact>div>div>div.opentime {
  text-align: center;
  font-weight: 600;
}

#contact>div>div>div.opentime>p:nth-child(1) {
  font-size: 3rem;
}

#contact>div>div>div.opentime>p:nth-child(2) {
  font-size: 2rem;
}


#contact>div>div>div.houjin {
  padding: 5rem 0;
  border: 3px solid #1a1a1a;
  border-radius: 10px;
  text-align: center;
  width: 500px;
  margin: 5rem auto;
  max-width: inherit;
}

#contact>div>div>div.houjin>p:nth-child(1) {
  font-size: 2.5rem;
  font-weight: 600;
  border-bottom: 2px solid #fff;
  width: 38rem;
  max-width: inherit;
}


#contact>div>div>div.houjin>p:nth-child(2) {
  padding: 5rem 0;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 2px;
}

#contact>div>div>div.houjin>div>a {
  background: #1a1a1a;
  padding: 2rem;
  color: #fff;
  border-radius: 50px;
  font-weight: 600;
}


/***********************************
  フッター部分のご利用ガイド
***********************************/
.f_guide {
  width: 100%;
  border-top: 2px solid #222222;
  margin-top: 50px;
  margin-bottom: 50px;
}

.f_guide .sysContent {
  width: 1100px;
  margin: 0 auto;
}

.f_guide .Title {
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  padding: 10px 0 30px;
}

.f_guide .clearfix {
  font-size: 0;
  display: flex;
}

.f_guide .guideBlock {
  display: inline-block;
  width: 550px;
  font-size: 14px;
  vertical-align: top;
}

.f_guide .guideBlock:after {
  display: block;
  content: "";
  clear: both;
}

.f_guide .guide01 {
  padding-right: 50px;
}

.f_guide .guide02 {
  padding-left: 50px;
}

.f_guide .guideTitle {
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 15px;
  margin-bottom: 10px;
}

.f_guide p {
  font-size: 15px;
  line-height: 22px;
  margin: 5px 0;
}

.f_guide .mt {
  margin-top: 20px;
}

.f_guide .smaller {
  font-size: 12px;
}

.f_guide .freedial {
  background: rgba(0, 0, 0, 0) url("https://iiwan.jp/img/common/dial.png") no-repeat scroll left center / 45px auto;
  display: inline-block;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
  padding-left: 50px;
}

/*ボタン*/
.f_guide .common_btn {
  margin: 10px auto;
}

.f_guide .common_btn a {
  font-size: 13px;
  padding: 10px 0;
}


/***********************************
  フッター
***********************************/
.footer {
  width: 100%;
  margin: 0;
  text-align: center;
  background: #1a1a1a;
  letter-spacing: 2px;
}


#footerlabel {
  padding: 5.5rem 0;
}


#footerlabel>div {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}



#footerlabel>div>div.logo {

  width: 165px;
  margin: 0 auto;

}

#footerlabel>div>ul.link1 {
  margin-top: 6rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

}

#footerlabel>div>ul.link1>li {
  margin: 0 8rem;
  border-bottom: 2.5px solid #fff;
  width: unset;
  max-width: unset;

}

#footerlabel>div>ul.link1>li>a {
  color: #fff;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 1.8rem;

}


#footerlabel>div>ul.law {
  margin-top: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;

}

#footerlabel>div>ul.law>li:nth-child(1) {
  margin-right: 10rem;
}

#footerlabel>div>ul.law>li>a {
  letter-spacing: 1px;
  color: #fff;
  font-weight: 600;
  font-size: 1.8rem
}


#footerlabel>div>div.link2Container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: flex-start;
  margin-top: 5rem;
  padding-left: 0;
}

#footerlabel>div>div.link2Container>div.company {
  color: #fff;
  text-align: initial;
  font-weight: 600;
  width: 500px;
  max-width: unset;
  margin: 0;
}

#footerlabel>div>div.link2Container>div.company>p {
  font-size: 1.6rem;
}

#footerlabel>div>div.link2Container>div.company>p:nth-child(5)>a {
  color: #fff;
  border-bottom: 2px solid #fff;
}

#footerlabel>div>div.link2Container>div.contact>ul>li>a {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 600;
}

#footerlabel>div>div.link2Container>div.contact>p {
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  margin: 0;

}



#footerlabel>div>div.link2Container>div.contact {

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 200px;
  max-width: unset;
  margin: 0;
}


#footerlabel>div>div.link2Container>div.contact>ul {
  text-align: start;
}

#footerlabel>div>div.link2Container>div.contact>ul>li {
  margin-top: 1.5rem;
}

#footerlabel>div>div.link2Container>div.contact>ul>li:nth-child(1)::before,
#footerlabel>div>div.link2Container>div.contact>ul>li:nth-child(2)::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: 2rem;
  color: #fff;
  margin-right: 2rem;
}

#footerlabel>div>p {
  color: #fff;
  margin-top: 5rem;
  font-weight: 600;
  font-size: 1.6rem;
  max-width: unset;

}


/* ページトップに戻る*/
.pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 80px;
  height: 80px;
  text-align: center;
  z-index: 9;
}

.pagetop #page-top {
  display: none;
  padding-top: 4px;
  height: 51px;
}

.pagetop #page-top:hover {
  opacity: 50%;
}

#page-top>img {
  width: 100%;
}




/***************************************
:::::::::::::::::::::::::::::::::::::::

          下層ページ  

::::::::::::::::::::::::::::::::::::::::
****************************************/
#sysHeader>div.sysFuncText.header_h1_under  {
  position: relative;
  z-index: 999;
}

#sysHeader>div.sysFuncText.header_h1_under >div>div>div>div {
  position: fixed;
  top: 1rem;
  left: 2rem;
}



/***************************************
:::::::::::::::::::::::::::::::::::::::

            about

::::::::::::::::::::::::::::::::::::::::
****************************************/


#sysMain>div.sysFuncText.aboutus >div>div.contentContainer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 20rem 0;
  margin: 0 auto;
  max-width: 1300px;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.stickyContaniner {
  width: 100%;
  position: sticky;
  top: 15rem;
  left: 5rem;
  max-width: 700px;
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content {
  margin-left: 5rem;
  width: 100%;
  max-width: 700px;
}




#sysMain>div.sysFuncText.aboutus >div>div.factory>img {
  width: 100%;
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.vision.sectionContainer>h1 {
  text-align: center;
  margin-top: 2rem;
}


#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section>div {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section>p {
  max-width: 500px;
  width: 100%;
  font-weight: 500;
  line-height: 30px;
  margin: 5rem auto;
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.stickyContaniner>iframe {
  width: 700px;
  height: 500px;
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.sectionContainer {
  margin-bottom: 10rem;
}



#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  margin-bottom: 3rem;
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div:nth-child(1) {
  width: 100%;
  max-width: 250px;
  margin-right: 2rem;
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div.detail>div.yellow {
  border-left: 4px solid #f2cd00;
  padding-left: 1rem;
  color: #f2cd00;
  font-weight: 600;
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.colorsecret.sectionContainer>div.fiveColors>div:nth-child(2)>div.detail>div.white {
  border-left: 4px solid #898989;
  padding-left: 1rem;
  color: #898989;
  font-weight: 600;
}


#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.colorsecret.sectionContainer>div.fiveColors>div:nth-child(3)>div.detail>div.pink {
  border-left: 4px solid #f4b5b0;
  padding-left: 1rem;
  color: #f4b5b0;
  font-weight: 600;
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.colorsecret.sectionContainer>div.fiveColors>div:nth-child(4)>div.detail>div.blue {
  border-left: 4px solid #85c0ce;
  padding-left: 1rem;
  color: #85c0ce;
  font-weight: 600;
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.colorsecret.sectionContainer>div.fiveColors>div:nth-child(5)>div.detail>div.green {

  border-left: 4px solid #aabb74;
  padding-left: 1rem;
  color: #aabb74;
  font-weight: 600;
}


#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div.detail>div.colorName>p:nth-child(1),
#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div.detail>div.colorName>p:nth-child(2) {
  margin: 0;
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.colorsecret>div.fiveColors>div.colorContainer>div.detail>div.meaning {
  font-weight: 500;
  margin-top: 1rem;
}


#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.aboutus.sectionContainer>div.linkBttn {
  position: relative;
  margin: 6rem auto;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.aboutus.sectionContainer>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.aboutus.sectionContainer>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.aboutus >div>div.contentContainer>div.content>section.aboutus.sectionContainer>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}


/***************************************
:::::::::::::::::::::::::::::::::::::::

            あんしん

::::::::::::::::::::::::::::::::::::::::
****************************************/

#sysMain>div.sysFuncText.safety >div>div {
  padding-top: 25rem;
  width: 100%;

}


#sysMain>div.sysFuncText.safety >div>div>div.titleContainer>h1 {
  font-size: 5rem;
  letter-spacing: 5px;
  padding: 15rem 0;
  width: 100rem;
  margin: 0 auto;
  margin-left: 15%;
  line-height: 10rem;
  font-weight: 600;
}

#sysMain>div.sysFuncText.safety >div>div>div.titleContainer>h2 {
  margin-left: 15%;
  font-size: 3rem;
  letter-spacing: 10px;
  margin-bottom: 20rem;
  font-weight: 500;
}

#sysMain>div.sysFuncText.safety >div>div>div.titleContainer>div {
  position: absolute;
  top: 15rem;
  right: 0;
  z-index: -1;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>div {
  text-align: center;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>section {
  margin-top: 15rem;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>section>div.titleContainer {
  position: relative;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>section>div.titleContainer>div.title {
  text-align: center;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>section>div.titleContainer>div.fukidashi {
  position: absolute;
  top: 0rem;
  right: 20rem;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>section>div.titleContainer>div.fukidashi>img {
  width: 12rem;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>section>div.titleContainer>div.title>p {
  font-weight: 600;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>section>div.titleContainer>div.title>h2 {
  margin: 3rem;
  font-size: 2rem;
  letter-spacing: 3px;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>section>div.textContainer {
  margin-top: 10rem;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>section>div.textContainer>p {
  font-size: 2rem;
  line-height: 5rem;
}




#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>section>div.textContainer>div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  margin-top: 10rem;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>section>div.textContainer>div>div {
  width: 45rem;

}


#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>section>div.textContainer>div>div>img {
  max-width: unset;
}


#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>section>div.textContainer>div>p {
  margin-left: 5rem;
  padding: 2rem;
  line-height: 3rem;
}


#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>div.qa>div.image {
  max-width: 50rem;
  margin: 20rem auto;
  margin-bottom: 10rem;
}


/*アコーディオンメニュー*/

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>div.q\&a>div.accordWrap {
  margin-top: 10rem;
}


.accordion-001 {
  max-width: 1000px;
  background-color: #fbf9f4;
}

.accordion-001:not([open]) {
  margin-bottom: 7px;
}

.accordion-001 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em;
  border-radius: 5px;
  background-color: #f2cd00;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

.accordion-001 summary::-webkit-details-marker {
  display: none;
}

.accordion-001 summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: '';
  transition: transform .3s;
}

.accordion-001[open] summary::after {
  transform: rotate(225deg);
}

.accordion-001 p {
  text-align: left;
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 1em 2em 2em 2em;
  color: #333333;
  transition: transform .5s, opacity .5s;
}

.accordion-001[open] p {
  transform: none;
  opacity: 1;
}


/*リンクボタン*/

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>div.qa>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 35rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>div.qa>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>div.qa>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>div.qa>div.linkBttn>div:hover.chon {
  transform: translate(20%, 30%);
}


#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>div.linkarea {
  position: relative;
  margin-top: 15rem;
  margin-bottom: 10rem;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>div.linkarea>div:nth-child(1) {
  position: absolute;
  top: -2rem;
  left: 0;
  right: 0;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>div.linkarea>div.Bttn {
  display: flex;
  margin-top: 5rem;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>div.linkarea>div.Bttn>div.linkBttn {
  position: relative;
  margin: 7.5rem auto;
  width: 35rem;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>div.linkarea>div.Bttn>div.linkBttn>a>div {
  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
}


#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>div.linkarea>div.Bttn>div.linkBttn>div {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.safety >div>div>div.contentWrap.content-width>div.linkarea>div.Bttn>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}





/***************************************
:::::::::::::::::::::::::::::::::::::::

            OYAKO PROJECT

::::::::::::::::::::::::::::::::::::::::
****************************************/

#sysMain>div.sysFuncText.op_first >div>div {
  padding-top: 20rem;
}

#sysMain>div.sysFuncText.op_first >div>div>div.opTitle {
  position: relative;
}

#sysMain>div.sysFuncText.op_first >div>div>div.opTitle>div.message {
  margin-left: 15%;
}

#sysMain>div.sysFuncText.op_first >div>div>div.opTitle>div.message>h1 {
  font-size: 5rem;
}

#sysMain>div.sysFuncText.op_first >div>div>div.opTitle>div.message>p {
  font-size: 3rem;
  font-weight: 600;
  color: #f2cd00;
}

#sysMain>div.sysFuncText.op_first >div>div>div.opTitle>div.message>p>span {
  color: #1a1a1a;
  margin-right: 2rem;
}


#sysMain>div.sysFuncText.op_first >div>div>div.opTitle>div.oyako {
  position: absolute;
  width: 100%;
  max-width: 40rem;
  top: -4rem;
  left: 50rem;
}

#sysMain>div.sysFuncText.op_first >div>div>div.whatContainer>div {
  position: relative;
}

#sysMain>div.sysFuncText.op_first >div>div>div.whatContainer>div>div.sp_bg {
  display: none;
}

#sysMain>div.sysFuncText.op_first >div>div>div.whatContainer>div>div.tab_bg {
  display: none;
}

#sysMain>div.sysFuncText.op_first >div>div>div.whatContainer>div>div.bg {
  z-index: -1;
  position: relative;
}

#sysMain>div.sysFuncText.op_first >div>div>div.whatContainer>div>div.bg>img {
  width: 100%;
}


#sysMain>div.sysFuncText.op_first >div>div>div.container>div>div {
  margin: 5rem auto;
  width: 100%;
  max-width: 20rem;
  text-align: center;
}

#sysMain>div.sysFuncText.op_first >div>div>div.container>div>p {
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 4rem;
  max-width: 90rem;
}

#sysMain>div.sysFuncText.op_first >div>div>div:nth-child(4)>div>div.download {
  margin: 5rem auto;
  width: 100%;
  max-width: 50rem;
  text-align: center;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}


#sysMain>div.sysFuncText.op_first >div>div>div:nth-child(4)>div>div.linkBttn {
  position: relative;
  margin: 6rem auto;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysMain>div.sysFuncText.op_first >div>div>div:nth-child(4)>div>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.op_first >div>div>div:nth-child(4)>div>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.op_first >div>div>div:nth-child(4)>div>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}


/*レポート*/

#sysMain>div.sysFuncText.op_report >div>div {
  background: #fffffc;
  padding: 15rem;
  border-radius: 0 50rem 0 0;
}


#sysMain>div.sysFuncText.op_report >div>div>div.flexitem {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin: 10rem auto;
}


#sysMain>div.sysFuncText.op_report >div>div>div.flexitem>div {
  width: 100%;
  max-width: 350px
}

#sysMain>div.sysFuncText.op_report >div>div>div.flexitem>p {
  width: 100%;
  max-width: 500px;
  margin: 0;
  padding-top: 5rem;
  padding-left: 5rem;
}


#sysMain>div.sysFuncText.op_report >div>div>div.link {
  margin-top: 5rem;
}


#sysMain>div.sysFuncText.op_report >div>div>div.link>div:nth-child(1) {
  text-align: center;
  margin: 10rem auto;
}

#sysMain>div.sysFuncText.op_report >div>div>div.link>p {
  text-align: center;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 3px;
}


#sysMain>div.sysFuncText.op_report >div>div>div.link.content-width>div.linkBttn {
  position: relative;
  margin: 6rem auto;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysMain>div.sysFuncText.op_report >div>div>div.link.content-width>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.op_report >div>div>div.link.content-width>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.op_report >div>div>div.link.content-width>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}

#sysMain>div.sysFuncText.op_second >div>div>div:nth-child(1) {
  text-align: center;
  margin-bottom: 20rem;
}

#sysMain>div.sysFuncText.op_second >div>div>p {
  text-align: center;
  font-weight: 600;
  font-size: 2rem;
  letter-spacing: 2px;
}

#sysMain>div.sysFuncText.op_second >div>div>div:nth-child(3) {
  text-align: center;
  margin-bottom: 20rem;
}


#sysMain>div.sysFuncText.op_second >div>div>div.item {
  margin-bottom: 15rem;
}


#sysMain>div.sysFuncText.op_second >div>div>div>p.titleYellow {

  text-align: center;
  font-weight: 600;
  color: #f2cd00;
  margin-bottom: 10rem;
  letter-spacing: 2px;
}


#sysMain>div.sysFuncText.op_second >div>div>div>p.content {
  letter-spacing: 2px;
  font-weight: 500;
  max-width: 90rem;
  line-height: 3rem;
}


#sysMain>div.sysFuncText.op_second >div>div>div.linkBttn {
  position: relative;
  margin: 6rem auto;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysMain>div.sysFuncText.op_second >div>div>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.op_second >div>div>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.op_second >div>div>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}











/***************************************
:::::::::::::::::::::::::::::::::::::::

            GIFT

::::::::::::::::::::::::::::::::::::::::
****************************************/


#sysMain>div.sysFuncText.gift_title >div>section.title.content-width {
  margin-top: 0;
  padding-top: 20rem;
}

#sysMain>div.sysFuncText.gift_title >div>section.title.content-width>div:nth-child(1) {
  max-width: 80rem;
  margin: 0 auto;
  text-align: center;
}


#sysMain>div.sysFuncText.gift_title >div>section.title.content-width>h1 {
  margin: 7rem 0 13rem;
  text-align: center;
  font-weight: 600;
  font-size: 3.5rem;
  letter-spacing: 3px;
}

#sysMain>div.sysFuncText.gift_title >div>section.title.content-width>div.forpc {
  text-align: center;
  max-width: 80rem;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.gift_title >div>section.giftset.content-width {
  margin-top: 20rem;
  text-align: center;
}



#sysMain>div.sysFuncItemBlock.giftlineup >div>div>ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-start;
  max-width: 100rem;
  margin: 10rem auto;
}

#sysMain>div.sysFuncItemBlock.giftlineup >div>div>ul>li {
  display: flex;
  flex-direction: column;
  width: 45%;
  margin-bottom: 5rem;
}

#sysMain>div.sysFuncItemBlock.giftlineup >div>div>ul>li>div.sysItemImage>a>img {
  width: unset;
  border-radius: 10px;
}

#sysMain>div.sysFuncItemBlock.giftlineup >div>div>ul>li>div.sysItemName {
  text-align: center;
  font-weight: 600;
  font-size: 2rem;
}

#sysMain>div.sysFuncItemBlock.giftlineup >div>div>ul>li>div.sysItemPrice {
  text-align: center;
  font-weight: 500;
}


#sysMain>div.sysFuncText.gift_content >div>div.linkBttn {
  position: relative;
  margin: 6rem auto;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysMain>div.sysFuncText.gift_content >div>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.gift_content >div>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.gift_content >div>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}


#sysMain>div.sysFuncText.gift_content >div>section.giftset.content-width {

  margin-top: 20rem;
}

#sysMain>div.sysFuncText.gift_content >div>section.giftset.content-width>div:nth-child(1)>div.boxtitle {
  display: flex;
  justify-content: center;
  align-items: baseline;
}



#sysMain>div.sysFuncText.gift_content >div>section.giftset.content-width>div:nth-child(1)>div.flexbox {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 5rem;
}

#sysMain>div.sysFuncText.gift_content >div>section.giftset.content-width>div:nth-child(1)>div:nth-child(2)>div {
  margin: 5rem;
}

#sysMain>div.sysFuncText.gift_content >div>section.giftset.content-width>div:nth-child(1)>div:nth-child(3) {
  padding: 0 10rem;
}


#sysMain>div.sysFuncText.gift_content >div>section.giftset.content-width>div:nth-child(1)>div:nth-child(3)>p {
  width: 60rem;
  padding-left: 5rem;
}


#sysMain>div.sysFuncText.gift_content >div>section.giftset.content-width>div:nth-child(2) {
  margin-top: 20rem;
}

#sysMain>div.sysFuncText.gift_content >div>section.giftset.content-width>div:nth-child(2)>div.boxtitle {

  display: flex;
  justify-content: center;
  align-items: flex-end;
}


#sysMain>div.sysFuncText.gift_content >div>section.giftset.content-width>div:nth-child(2)>div.boxtitle>div:nth-child(2) {
  height: 30rem;
  margin-left: 3rem;
}

#sysMain>div.sysFuncText.gift_content >div>section.giftset.content-width>div:nth-child(2)>div.flexbox {
  margin-top: 10rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 5rem;
}


#sysMain>div.sysFuncText.gift_content >div>section.giftset.content-width>div:nth-child(2)>div.flexbox>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#sysMain>div.sysFuncText.gift_content >div>section.giftset.content-width>div:nth-child(2)>div.flexbox>div>p {
  font-weight: 500;
  margin-top: 5rem;
  text-align: center;
}


#sysMain>div.sysFuncText.gift_content >div>section.selfgift.content-width>div.ribbon {
  text-align: center;
}


#sysMain>div.sysFuncText.gift_content >div>section.selfgift.content-width>div:nth-child(2) {
  margin: 5rem;
  text-align: center;
}

#sysMain>div.sysFuncText.gift_content >div>section.selfgift.content-width>p:nth-child(3) {
  text-align: center;
  margin: 5rem;
  font-weight: 600;
  letter-spacing: 2px;
}


#sysMain>div.sysFuncText.gift_content >div>section.selfgift.content-width>div:nth-child(4) {
  margin-top: 10rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 5rem;
}


#sysMain>div.sysFuncText.gift_content >div>section.selfgift.content-width>div:nth-child(4)>div {

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


#sysMain>div.sysFuncText.gift_content >div>section.selfgift.content-width>p.bold {
  margin: 10rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
}

#sysMain>div.sysFuncText.gift_content >div>section.selfgift.content-width>p:nth-child(6) {
  font-weight: 500;
  text-align: center;
  margin-bottom: 10rem;
}

#sysMain>div.sysFuncText.gift_content >div>section.selfgift.content-width>div:nth-child(7) {

  margin-top: 10rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 5rem;
  margin-bottom: 20rem;
}

#sysMain>div.sysFuncText.gift_content >div>section.selfgift.content-width>div:nth-child(7)>div.linkBttn {
  position: relative;
  margin: 6rem auto;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysMain>div.sysFuncText.gift_content >div>section.selfgift.content-width>div:nth-child(7)>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysMain>div.sysFuncText.gift_content >div>section.selfgift.content-width>div:nth-child(7)>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysMain>div.sysFuncText.gift_content >div>section.selfgift.content-width>div:nth-child(7)>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}





/***************************************
:::::::::::::::::::::::::::::::::::::::

           WRAPPING

::::::::::::::::::::::::::::::::::::::::
****************************************/


#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section {
  margin-top: 0;
  padding-top: 20rem;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>h1 {
  max-width: 80rem;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20rem;
}


#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>h1>img {
  width: 100%;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>div.wrapbox {
  margin-top: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}


#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>div.wrapbox>div.titlebox {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>div.wrapbox>div.titlebox>div.title {
  padding-left: 5rem;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>div.wrapbox>div.titlebox>div.title>h2 {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 2px;
}


#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>div.wrapbox>div.imagebox {
  display: flex;
  justify-content: space-evenly;
  width: 100rem;
  margin-top: 5rem;
  align-items: flex-end;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>div.wrapbox>div.imagebox>div:nth-child(1),
#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>div.wrapbox>div.imagebox>div:nth-child(3) {
  height: 30rem;
}

#oyako>div.imagebox>div>img,
#vegetable>div.imagebox>div>img,
#iiday>div.imagebox>div>img,
#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>div:nth-child(5)>div.imagebox>div>img {
  width: 25rem;
}


#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>div:nth-child(3)>div.titlebox>div:nth-child(1) {
  order: 2;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>div:nth-child(3)>div.titlebox>div.title {
  padding-right: 5rem;
  padding-left: 0;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>div:nth-child(4)>div.titlebox>div.title>div {
  background: #f2cd00;
  width: 6rem;
  text-align: center;
  border-radius: 20px;
  padding: 0.2rem;
  margin-bottom: 1rem;
}


#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>div:nth-child(5)>div.titlebox>div:nth-child(1) {
  width: 100%;
  order: 2;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>div:nth-child(5)>div.titlebox>div.title {
  width: 100%;
  padding-left: 0;
  padding-right: 5rem;
}

#sysMain>div.sysFuncText.wrapdesc.sysDisplayMobileNone >div>section>div:nth-child(5)>div.titlebox>div.title>div {
  margin-bottom: 2rem;
}




#sysMain>div.sysFuncText.giftoption >div>section>div.ribbon {

  width: 55rem;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.giftoption >div>section>div.flexbox {
  max-width: 100rem;
  margin: 10rem auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}


#sysMain>div.sysFuncText.giftoption >div>section>div.flexbox>div.flexitem {
  width: 45%;
  text-align: center;
  margin-bottom: 5rem;
}


#sysMain>div.sysFuncText.giftoption >div>section>div.flexbox>div.flexitem>div>img {
  width: 30rem;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>div:nth-child(1)>img {
  width: 100%;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>h2 {
  text-align: center;
  margin: 5rem;
  font-size: 3rem;
  font-weight: 600;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>p:nth-child(3) {
  text-align: center;
  font-weight: 500;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>div.noshiLineup {
  margin: 5rem;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>div.noshiLineup>p {
  font-weight: 600;
  margin-bottom: 3rem;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>div.noshiLineup>div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>div.noshiLineup>div>div.noshiitem {
  position: relative;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>div.noshiLineup>div>div.noshiitem>p:nth-child(1) {
  position: absolute;
  font-weight: 600;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>div.noshiLineup>div>div.noshiitem>p:nth-child(3) {
  text-align: center;
  margin-top: 3rem;
  width: 20rem;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>p:nth-child(5) {
  text-align: center;
  font-weight: 500;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>div.noshitype {
  margin: 10rem 0;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>div.noshitype>p {
  text-align: center;
  font-weight: 600;
  font-size: 2rem;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>div.noshitype>div {
  margin: 5rem 0;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
}

#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>div.noshitype>div>div.flexitem {
  width: 45%;
}


#sysMain>div.sysFuncText.noshioption.sysDisplayMobileNone >div>section>div.noshitype>div>div.flexitem>p.bold {
  font-size: 2rem;
  font-weight: 600;
  margin: 2rem 0;
}


#sysMain>div.sysFuncText.wrappingorder >div>section>div.article {
  margin-bottom: 15rem;
}


#sysMain>div.sysFuncText.wrappingorder >div>section>div.article>p {
  font-weight: 600;
  text-align: center;
  margin-bottom: 5rem
}
#sysMain > div.sysFuncText.wrappingorder > div > section > div.article > div > a{
display: block;
    margin: 0 auto;
    max-width: 650px;
}


#sysMain>div.sysFuncText.wrappingorder >div>section>div.article>div>a>img {
  width: 100%;
}



#sysMain>div.sysFuncText.wrappingorder >div>section>p.bold {
  text-align: center;
  font-weight: 600;
  font-size: 2rem;
  margin: 3rem 0;
}


#sysMain>div.sysFuncText.wrappingorder >div>section>p:nth-child(3) {
  text-align: center;
  font-weight: 600;
}

#sysMain>div.sysFuncText.wrappingorder >div>section>div.shopping {
  margin: 10rem 0;
  text-align: center;
}

#sysMain>div.sysFuncText.wrappingorder >div>section>div.shopping>div {
  max-width: 10rem;
  margin: 0 auto;
}

#sysMain>div.sysFuncText.wrappingorder >div>section>div.shopping>div>img {
  width: 100%;
}

#sysMain>div.sysFuncText.wrappingorder >div>section>div.shopping>p {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 2px;

}

#sysMain>div.sysFuncText.wrappingorder >div>section>div.categoryFlex {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10rem;
}

#sysMain>div.sysFuncText.wrappingorder >div>section>div.categoryFlex>div {
  width: 30%;
}


#sysMain>div.sysFuncText.wrappingorder >div>section>p:nth-child(3)>a {
  border-bottom: 2px solid #f2cd00;
}

/***************************************
:::::::::::::::::::::::::::::::::::::::

          ii FRIENDS

::::::::::::::::::::::::::::::::::::::::
****************************************/

#sysMain>div.sysFuncText.ii-friends >div>h1>div.titileImage_sp {
  display: none;
}




/****************************

　　　プライバシーポリシー

****************************/

#sysMain>div.sysFuncText.p-privacy.col2Style {

  padding-top: 10rem;
  max-width: 90rem;
  margin: 0 auto;
}

/****************************

　　　FAQ

****************************/


#faqcontents {
  padding: 20rem 0;
}

#faqcontents>div {
  width: 96%;
  max-width: 900px;
  margin: 0 auto;
}

#faq_page_title {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 60px;
}


#faqcontents>div>h1 {
  background-color: #ebe4a4;
  font-size: 24px;
  padding: 30px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#faqcontents>div>div.common_inner.w910.sp100 {
  max-width: 910px;
  margin: 0 auto;
}

#faqcontents>div>div.common_inner.w910.sp100>div.mainimg {
  margin-top: 2em;
}

#faqcontents>div>div.common_inner.w910.sp100>div.mainimg>img {
  border-radius: 8px;
}


#block_gift04_01 {
  margin: 0 0 100px;
  position: relative;
  margin-bottom: 40px !important;
}


#block_gift04_01>ul {
  margin: 50px 0 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
  display: flex;
  flex-direction: row;
}


#block_gift04_01>ul>li {
  width: 430px;
  margin: 0 40px 0 0;
  letter-spacing: normal;
}

#block_gift04_01>ul>li:nth-child(2) {
  margin: 0;
}


#block_gift04_01>ul>li>a>img {
  border-radius: 20px;
}



#faqdish {
  margin: 0 0 50px 0;
  position: relative;
  text-align: left;
}

#faqdish>h3 {
  width: 860px;
  margin: 0 0 20px;
  padding: 3px 0 10px 40px;
  border-bottom: dotted 1px #c0c0c0;
  background: url(/img/under/faq/icon_h3.png) no-repeat left top;
  font-size: 18px !important;
  line-height: 1.2em;
  text-align: left;
}

#faqdish>div.pic_faq {
  width: 250px;
  margin: 0 0 10px 20px;
  float: right;
}

#faqdish>div.pic_faq>img {
  border-radius: 8px;
  width: 250px;
}

#faqdish>div.text_faq {
  margin-bottom: 30px;
}

#faqdish>div.text_faq>p.q {
  background: url(/img/under/faq/icon_faq_q_02.png) no-repeat left 1px;
  background-size: 24px;
  color: #989898;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 5px 0 5px 32px;
  font-size: 15px;
  line-height: 1.2em;
  margin-top: 2em;
}


#faqdish>div.text_faq>p.a {

  margin: 0 0 10px;
  padding: 5px 0 5px 32px;
  font-size: 87.5%;
  line-height: 1.6em;
  background: url(/img/under/faq/icon_faq_a.png) no-repeat left 3px;
  background-size: 24px;
}


#contents>div>div.common_inner.w910.sp100>div.block_faq {
  margin: 0 0 50px 0;
  position: relative;
  text-align: left;
}


#faqcontents>div>div.common_inner.w910.sp100>div.block_faq>h3 {

  width: 860px;
  margin: 0 0 20px;
  padding: 3px 0 10px 40px;
  border-bottom: dotted 1px #c0c0c0;
  background: url(/img/under/faq/icon_h3.png) no-repeat left top;
  font-size: 18px !important;
  line-height: 1.2em;
  text-align: left;
}


#faqcontents>div>div.common_inner.w910.sp100>div.block_faq>h3>span {
  font-size: 15px;
  margin: 0 0 0 10px;
}

#faqcontents>div>div.common_inner.w910.sp100>div.block_faq>div.pic_faq {
  width: 250px;
  margin: 0 0 10px 20px;
  float: right;
}

#faqcontents>div>div.common_inner.w910.sp100>div.block_faq>div.pic_faq>img {

  border-radius: 8px;
  width: 250px;
}


#faqcontents>div>div.common_inner.w910.sp100>div.block_faq>div.text_faq {
  margin-bottom: 30px;
}

#faqcontents>div>div.common_inner.w910.sp100>div.block_faq>div.text_faq>p.q {
  background: url(/img/under/faq/icon_faq_q_02.png) no-repeat left 1px;
  background-size: 24px;
  color: #989898;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 5px 0 5px 32px;
  font-size: 15px;
  line-height: 1.2em;
  margin-top: 2em;
}


#faqcontents>div>div.common_inner.w910.sp100>div.block_faq>div.text_faq>p.a {

  margin: 0 0 10px;
  padding: 5px 0 5px 32px;
  font-size: 87.5%;
  line-height: 1.6em;
  background: url(/img/under/faq/icon_faq_a.png) no-repeat left 3px;
  background-size: 24px;
}


.link_underline {
  text-decoration: underline;
  color: #f0cc33;
}


#faqcontents>div>div.common_inner.w910.sp100>div:nth-child(5)>div.pic_faq>img {
  width: 150px;
}




/****************************

　　　  カート

****************************/

#sysBasket>#sysAll>#sysMain>h1>span {
  background-color: #fff;
}


/****************************

　　　  会員ログイン

****************************/

body#membership>#sysAll>#sysHeader>div.h_spnavi>#spNaviWrap>section.wrap1 {
  padding-top: 15rem;
}


body#membership>#sysAll>#sysHeader>div.h_spnavi>#spNaviWrap>section>div>div {
  max-width: 90rem;
  margin: 0 auto;
}


/****************************

　　　  商品詳細ページ

****************************/





/**関連アイテム**/
#sysMain>div.sysFuncItemBlock.relateditem {
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
  margin-top: 10rem;
}


#sysExplanation>details:nth-child(2)>div>div.color>div.mixcolor {
  max-width: 100rem;
  margin: 0 auto;
  padding: 3rem;
  border: inherit;
  text-align: center;
  font-size: 1.6rem;
}


#sysExplanation>details:nth-child(2)>div>div.color>div.mixcolor>a>div {
  margin-top: 5rem;
}

#sysExplanation>details:nth-child(2)>div>div.contents>div.flex-four>div.four-child>div:nth-child(1) {
  width: 100%;
  max-width: 45rem;
}



/************************

法人専用ギフトセットページ

*************************/


#sysExplanation>details.accordion-003>div.BOX>div.linkBttn {
  position: relative;
  margin: 6rem auto;
  width: 350px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
}

#sysExplanation>details.accordion-003>div.BOX>div.linkBttn>a>div {

  background: #1a1a1a;
  text-align: center;
  padding: 1.8rem;
  border-radius: 5rem;
  color: #fff;
  font-weight: 600;
}

#sysExplanation>details.accordion-003>div.BOX>div.linkBttn>div.chon {
  position: absolute;
  top: -25px;
  left: -20px;
  transition: all 0.5s;
}

#sysExplanation>details.accordion-003>div.BOX>div.linkBttn:hover .chon {
  transform: translate(20%, 30%);
}

/**********************************************


2025 お盆LP


**********************************************/

#obonhero{
margin-bottom: 150px;
}
}
/* #END_OF_RESOURCE_FILE */