@charset "UTF-8";

/*!
* ress.css • v1.2.2
* MIT License
* github.com/filipelinhares/ress
*/
/*
# Global selectors
*/
html {
  box-sizing: border-box;
  overflow-y: scroll;
  /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/*
# General elements
*/
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
}

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

summary {
  display: block;
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

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

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

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
# Forms
  */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type="number"] {
  width: auto;
  /* Firefox 36+ */
}

[type="search"] {
  -webkit-appearance: textfield;
  /* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Remove inner padding and border in Firefox 4+ */
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}

[type="search"] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}

/*
# Specify media element style
 */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/*
# Accessibility
  */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }

  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/*
# Selection
  */
/* Specify text selection background color and omit drop shadow */
::-moz-selection,
::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

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

body {
  color: #333;
  font-size: 1.4rem;
  font-size: 14px;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  background-color: #fff;
  line-height: 1.6;
  font-feature-settings: "pkna"1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sp_only {
  display: none;
}

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

#sysWrap {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

#top #sysWrap {
  max-width: 100%;
  position: relative;
}

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

#top #sysLayout {
  width: 100%;
  /*height: 950px;*/
  height: 89.94%;
  background-image: url(/img/layout/bg/main_bg_re2.webp);
  background-size: 1600px;
  background-position: bottom center;
  background-repeat: no-repeat;
}

#sysLayout:after {
  display: block;
  content: "";
  clear: both;
}

.contInner {
  max-width: 1200px;
  margin: 0 auto;
}

#top .contInner {
  margin: 100px auto;
}

div#sysMain {
  float: right;
  width: 980px;
  margin: 0 auto;
  padding: 0;
}

body:not(#top) div#sysMain,
body:not(#top) div#sysAside {
  margin-top: 0px;
}

/*20200217パンくずリストの上部を狭めるため*/

#sysAside {
  width: 200px !important;
  float: left !important;
  padding: 0;
}

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

.sysContent {
  padding: 0 !important;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  line-height: 1.6;
  font-weight: bold;
  letter-spacing: inherit;
  font-feature-settings: "pkna"1;
}

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

p {
  margin: 0;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

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

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.indent {
  margin: 5px 0 !important;
  text-indent: 1em;
}

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

h2.sysHeadline {
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.1em;
}

h2.sysHeadline .ttl {
  position: relative;
}

h2.sysHeadline .ttl:before {
  position: absolute;
  display: inline-block;
  content: url(/img/layout/title/ttil_obg_l.png);
  left: -40px;
  top: -15px;
}

h2.sysHeadline .ttl:after {
  position: absolute;
  display: inline-block;
  content: url(/img/layout/title/ttl_obj_r.png);
  right: -40px;
  top: -15px;
}

h3.sysHeadline {
  border-bottom: 2px solid #0066dd !important;
  font-size: 18px;
  text-align: center;
  padding: 2px 0 2px 3px !important;
  letter-spacing: 0.05em;
}

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

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

input[type=text] {
  min-height: 30px !important;
}

span.pl5 {
  padding-left: 5px;
  display: inline-block;
}

.sysButton {
  margin: 5px 0;
  padding: 10px;
  background-color: #0066dd;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}

.sys3 .sysFormField .sysButton {
  width: auto;
}

#open_dlg_new_customer_info,
#open_dlg_edit_customer_info,
#apply_address_book.sysButton {
  margin: 5px 0;
  padding: 10px;
  background-color: #0066dd !important;
  border: 1px solid #0066dd;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}


/*!
* _formpage_layout.scss
*/
/*******************************************************
下記該当ページの基本構造およびinputタグやボタンの共通部分を記載
■ お問い合わせ
-入力画面
-確認画面
-完了画面

■ 新規会員登録
-情報入力画面
-確認画面
-完了画面

■ マイページ
-ログイン画面
-会員IDとパスワードの確認画面
-マイページTOP
-購入履歴
-会員情報編集
-登録クレジットカード情報
-お届け先情報を編集する
-ポイント状況
-商品閲覧履歴
-お気に入り
-定期購入管理
-退会する
-ログアウト

■カートページ
-非ログインカート
-ログインカート
-購入手続き確認画面
-購入完了画面
********************************************************/
/**** フォームページの基本レイアウト ****/
/*お問い合わせ*/
#sysFormIndex #sysMain,
#sysFormConfirm #sysMain,
#sysFormThanks #sysMain,
#sysMemberRegisterIndex #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterRegister #sysMain,
#sysMypageLogin #sysMain,
#sysMypageReminder #sysMain,
#sysMypageIndex #sysMain,
#sysMypageOrderHistory #sysMain,
#sysMypageEditMember #sysMain,
#sysMypageEditConfirm #sysMain,
#sysMypageEditSave #sysMain,
#sysMypageEditDelivery #sysMain,
#sysMypageEditSavedelivery #sysMain,
#sys_mypage_edit_web_collect_card #sysMain,
#sysMypagePoint #sysMain,
#sysMypageAshiato #sysMain,
#sysMypageReview #sysMain,
#sysMypageWithdrawalConfirm #sysMain,
#sysMypageWithdrawalDone #sysMain,
#sysMypageLogout #sysMain,
#sysMypageEditDeliveryinput #sysMain,
#sysDestination #sysMain,
#sysBasket #sysMain {
  width: 660px;
  max-width: 660px;
  border: none;
  padding: 20px 0 !important;
  margin: 30px auto;
  float: none;
}

/*新規会員登録*/
/*マイページ*/
/*配送先指定　ワンページカートだとない*/
/*カートページ*/
/**** 入力欄共通仕様 ****/

/*** 共通隙間 ***/
.sysForm .sysFormItem,
.sysLoginForm .sysFormItem,
.sysOtherAddress .sysFormItem {
  margin-bottom: 10px;
}

.sysForm .sysFormItem .sysFormLabel,
.sysLoginForm .sysFormItem .sysFormLabel {
  display: inline-block;
  margin-bottom: 5px;
}

/**** 共通ボタン位置レイアウト ****/
/** 一行タイプ **/
/*********************
該当ページ
■ 新規会員登録
-入力画面
-確認画面

■ マイページ
-ログイン画面
-会員情報編集
-会員情報編集確認
-お届け先編集
-退会
*********************/
/*** 左側ボタン ***/
/*マイページ ログイン画面 ログイン*/
#sysMypageLogin .sysLoginButton,
#sysMemberRegisterIndex #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit,
#sysMemberRegisterConfirm #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit,
#sysMypageEditMember #sysMain>form>div.sysForm input[type=submit][name=submit]#button1.sysNextSubmit,
#sysMypageEditConfirm #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit,
#sysMypageEditDelivery #sysMain>form>input[type=submit][name=submit]#button2.sysNextSubmit {
  float: left;
  box-sizing: border-box;
  width: 49%;
  height: 50px;
  border: 1px solid #0066dd;
  margin: 30px 1% 0 0;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  background-color: #0066dd;
}

#sysMypageLogin .sysLoginButton:hover,
#sysMemberRegisterIndex #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit:hover,
#sysMemberRegisterConfirm #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit:hover,
#sysMypageEditMember #sysMain>form>div.sysForm input[type=submit][name=submit]#button1.sysNextSubmit:hover,
#sysMypageEditConfirm #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit:hover,
#sysMypageEditDelivery #sysMain>form>input[type=submit][name=submit]#button2.sysNextSubmit:hover {
  color: #25c400;
  background-color: #fff;
}

/*** 右側ボタン (戻る系)***/
/*新規会員登録 入力画面 戻る*/
#sysMemberRegisterIndex #sysMain>form>input[type=submit][name=submit].sysButton,
#sysMemberRegisterConfirm #sysMain>form+form .sysForm>input[type=submit][name=submit].sysBackButton,
#sysMypageEditMember #sysMain>form>input[type=submit][name=submit].sysButton.sysBackButton,
#sysMypageEditConfirm #sysMain>form .sysForm input[type=submit][name=submit].sysButton.sysBackButton,
#sysMypageEditDelivery #sysMain>form>input[type=submit][name=submit].sysButton {
  float: left;
  box-sizing: border-box;
  width: 49%;
  height: 50px;
  border: 1px solid #adadad;
  margin-top: 10px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  background-color: #adadad;
}

#sysMemberRegisterIndex #sysMain>form>input[type=submit][name=submit].sysButton:hover,
#sysMemberRegisterConfirm #sysMain>form+form .sysForm>input[type=submit][name=submit].sysBackButton:hover,
#sysMypageEditMember #sysMain>form>input[type=submit][name=submit].sysButton.sysBackButton:hover,
#sysMypageEditConfirm #sysMain>form .sysForm input[type=submit][name=submit].sysButton.sysBackButton:hover,
#sysMypageEditDelivery #sysMain>form>input[type=submit][name=submit].sysButton:hover {
  color: #666;
  background-color: #fff;
}

/*マイページ　ログイン画面　パスワード忘れ*/
#sysMypageLogin .sysButton {
  border: 0px solid #666;
  background-color: #666;
  color: #fff;
}

#sysMypageLogin .sysButton:hover {
  color: #666;
  background-color: #0066dd;
}

/*マイページ　退会　退会する　(退会しない)*/
#sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form input[type=submit][name=submit].sysButton,
#sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form+form input[type=submit][name=submit].sysButton {
  float: left;
  box-sizing: border-box;
  width: 49%;
  height: 50px;
  border: 1px solid #666;
  margin: 30px 1% 0 0;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  background-color: #666;
}

#sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form input[type=submit][name=submit].sysButton:hover,
#sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form+form input[type=submit][name=submit].sysButton:hover {
  color: #666;
  background-color: #fff;
}

/**** 以下個別レイアウト ****/
/***********************************
お問い合わせ
***********************************/
#sysFormThanks .completeText {
  margin: 20px 0;
  text-align: center;
  font-size: 14px;
}

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

/***********************************
マイページ
***********************************/
/*** 共通「戻る」ボタン ***/
/*
該当ページ
-購入履歴 #sysMypageOrderHistory
-登録クレジットカード情報 #sys_mypage_edit_web_collect_card
*/
#sysMypageOrderHistory #sysMain>form>input[type=submit][name=submit].sysButton,
#sys_mypage_edit_web_collect_card #sysMain .sys_card_return_form_block form input[type=submit][name=submit].sysButton {
  display: inline-block;
  padding: 10px;
  width: auto;
  min-width: 11em;
  height: auto;
  line-height: 2;
  font-size: inherit;
  color: #000;
  background: #fff;
  border-radius: none;
  border: 1px solid #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*会員IDとパスワードの確認*/
#sysMypageReminder #sysMain input[type=submit] {
  display: block;
  width: 80%;
  height: 50px;
  padding: 10px 15px;
  margin: 30px auto 0;
  text-shadow: none;
  border: 1px solid #25c400;
  border-radius: 3px;
  font-size: 14px;
  background: #25c400;
  color: #fff;
}

#sysMypageReminder #sysMain input[type=submit]:hover {
  background: #fff;
  color: #25c400;
}

/***********************************
新規会員登録
***********************************/
.sysMemberRegister .sysForm div {
  margin-bottom: 10px;
}

.sysMemberRegister .sysRequired {
  color: #da4636;
  font-weight: bolder;
}

.sysMemberRegister .sysForm label:first-child {
  display: inline-block;
  margin-bottom: 5px;
}

.sysMemberRegister .sysZipcode .sysFormLabel {
  display: block !important;
}

.sysMemberRegister .sysZipcode .sysFormField {
  display: inline-block;
  background-color: #fff
}

.sysMemberRegister .sysZipcode input {
  max-width: 200px;
}

.sysMemberRegister .sysPrefStateId select {
  width: 200px;
  height: 50px;
}

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

.sysMemberRegister .sys3 label {
  display: inline-block;
  margin-left: 20px;
}

.sysMemberRegister .sys3 label:first-child {
  margin-left: 0;
}

.sysMemberRegister .sysGender input,
.sysMemberRegister .sys3 input {
  vertical-align: middle;
}

h1.sysHeadline {
  color: #000;
  font-size: large;
  margin-bottom: 20px;
}

.generatedP {
  margin: 10px 0;
}

/*!
* _mypage.scss
*/
/* マイページ */
#sysMypageIndex .sysMypageMajorHeadLine {
  display: block;
  font-size: 18px;
}

.sysMypageMajorHeadLine {
  display: none;
}

.SysMypageMinorHeadLine,
h3.sysMypageMinorHeadLine,
#sysMypageEditMember .sysFormItem.sysMemberPassword h3 {
  font-size: 16px;
  border-left: 5px solid #3d3d3d;
  padding-left: 5px;
  margin: 20px 0;
}

/* 購入履歴 */
.sysOrderList {
  border: 1px solid #d4d4d4;
  padding: 10px;
  max-height: 400px;
  overflow-y: scroll;
}

.sysOrderList li {
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.sysOrderList .sysOrderName {
  font-weight: bold;
  text-decoration: underline;
}

.sysShopOrderNo {
  display: inline-block;
  font-size: 1em;
  font-weight: 800;
  color: #000000;
}

.sysOptions {
  font-size: 0.9em;
}

a.sysBack {
  border-bottom: 1px solid #cccccc;
  font-weight: 800;
}

.sysDatetime {
  margin: 5px 0 5px 0;
}

.sysNumber {
  margin: 5px 0 5px 0;
}

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

.sysMypageNav .sysButton {
  width: 100%;
  margin: 5px 0;
  display: block;
  padding: 0;
  line-height: 45px;
  font-size: 1rem;
}

/*20220620*/
.sysMypageNav {
  max-width: 660px;
  margin: 20px auto 0;
  text-align: left;
}

.sysMypageNav input {
  font-weight: 800;
  height: 45px !important;
  line-height: 10px;
  background-color: #004ba5;
  border: none !important;
  margin: 5px 0;
  letter-spacing: 0.05em;
  font-size: 14px !important;
}

.sysMypageNav input[value~="会員を退会する"] {
  background-color: #c10000 !important;
}

.sysMypageNav input[value~="ログアウトする"] {
  color: #000;
  background-color: #bebebe !important;
}

/*マイページ_お気に入り*/
#sysMypageReview input[value~="お気に入りから削除する"] {
  background: #666666;
  border: none;
  width: auto;
  height: 40px;
  margin-top: 20px;
}

#sysMypageReview ul.sysList input.sysCartButton {
  display: none;
}

#sysMypageReview ul.sysList li div {
  font-size: 16px;
}

#sysMypageReview ul.sysList li div a {
  color: #343331;
  font-weight: 900;
  border-bottom: 1px solid #343331;
}

#sysMypageReview ul.sysList li div form input.sysbutton:after {
  font-family: "Font Awesome 5 Free";
  content: '\f303';
  padding-left: 5px;
  font-weight: 700;
}


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

#sysMypageEditDelivery #sysMain input {
  line-height: 2;
  padding: 10px;
  margin: 5px auto;
}

#sysMypageEditMember #sysMain input {
  line-height: 2;
  padding: 10px;
  font-size: inherit;
  margin: 5px auto;
}

#sysMypageEditMember .sysFormItem.sysMemberPassword {
  margin: 20px 0 0px;
  font-size: 14px;
}

#sysMypageEditDelivery button.btn,
#sysMypageEditDeliveryinput button.btn {
  padding: 5px 10px;
  border-radius: 5px;
  color: #ffffff;
  background: #0066dd;
  border: 1px solid #0066dd;
  margin: 5px 0;
  display: block;
}

#sysMypageEditDelivery button.btn {
  display: inline-block;
}

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

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

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

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

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

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

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

.sysSelectAddress form {
  font-size: 14px;
}

.sysSelectAddress .sysSubTitle {
  font-size: 14px !important;
  margin-bottom: 10px !important;
}

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

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

/* 配送先の選択 */
#sysDestination #sysMain .sys_cart_item_list tr,
#sysDestination #sysMain .sys_cart_item_list th {
  padding: 5px 0;
}

#sysDestination #sysMain .sys_cart_item_list td {
  padding: 5px;
}

#sysDestination #sysMain .deliveries_add_type_area button {
  width: 100% !important;
  max-width: 500px;
}

#sysDestination #sysMain .sysBtnChange {
  display: inline-block;
  margin: 0 5px 5px 10px !important;
  float: left;
}

#sysDestination #sysMain input[type=submit] {
  min-width: 150px !important;
  height: 40px !important;
  line-height: 1;
}

#sysDestination #sysMain .deliveries_add_type_area {
  margin: 10px auto 0 !important;
}

.sysSelectAddress a {
  height: 40px !important;
  padding: 0 10px !important;
}

#sysDestination .sysSelectAddress .sysAccordion .sysSubTitle {
  font-size: 14px;
  line-height: 40px;
}

/*▲end of default*/
/* マイページ */
#sysMypageIndex input,
#sysMypagePoint input,
#sysMypageReview input,
#sysMypageAshiato input,
#sysMypageOrderHistory input {
  font-size: 14px;
  height: 50px;
  line-height: 10px;
  background-color: #0066dd;
  border: 1px solid #0066dd;
  margin: 5px 0;
}

#sysMypageIndex a.myPageBtn {
  color: #068acc;
  height: 25px;
  line-height: 25px;
  padding-bottom: 1px;
  border-bottom: 1px solid #068acc;
  font-size: 14px;
}

#sysMypageIndex .h_login2 .sysContent div {
  display: none;
}

#sysMypageIndex .h_login2 .sysContent div:nth-child(2) {
  display: block !important;
}

#sysMypageAshiato input[name="view_type"] {
  font-size: 14px;
  line-height: 10px;
  margin: 5px;
  height: auto;
}

#sysMypageAshiato .sysItemListDisp .sysItemListViewType label:after {
  display: block;
  content: "";
  clear: both;
}

#sysMemberRegisterIndex h2.generatedH2 {
  display: block !important;
  border-left: 5px solid #3d3d3d;
  padding-left: 5px;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  margin-bottom: 5px;
}

#sysMemberRegisterIndex .sysName {
  margin-top: 25px !important;
}

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

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

/*決済ページ*/
#sysBillingAddress #sysMain form {
  border: 1px solid #aaa;
  padding: 30px 50px;
}

/*共通レイアウト設定(ヘッダー)*/
#header_wrap {
  width: 100%;
  height: auto !important;
  border-top: 4px solid #0066dd;
}

#sysHeader {
  width: 100%;
  height: auto !important;
  background-image: url(https://www.gyoren.net/img/layout/header/head_inner_bg.png);
  background-size: 1600px;
  background-position: top center;
  background-repeat: no-repeat;
  overflow: hidden;
}

#sysHeader .h_inner {
  max-width: 1200px;
  margin: 0 auto;
}

#sysHeader .h_inner:after {
  display: block;
  content: "";
  clear: both;
}

#sysHeader .header_h1 {
  float: left;
}

#sysHeader .siteh1 {
  font-weight: normal;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  top: 5px;
  border-bottom: none;
}

#sysHeader .h_guide {
  float: right;
}

#sysHeader .g_navi li {
  float: left;
  width: 120px;
  height: 35px;
  line-height: 35px;
  text-align: center;
}

#sysHeader .g_navi li:nth-child(2) {
  float: left;
  width: 120px;
  height: 35px;
  line-height: 18px;
  text-align: center;
}

#sysHeader .g_navi li a {
  display: block;
  height: 35px;
  background: #0066dd;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-weight: 700;
  border-radius: 0 0 5px 5px / 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
}

#sysHeader .g_navi li a:hover {
  opacity: 0.7;
}

#sysHeader .h_logo {
  float: left;
  margin-right: 20px;
}

#sysHeader .h_navigation {
  float: left;
}

#sysHeader #headNavigation li.tab {
  float: left;
  width: 140px;
  text-align: center;
}

#sysHeader #headNavigation li.h_nav_cart {
  position: relative;
}

#sysHeader #headNavigation li.h_nav_cart #itemCount {
  position: absolute;
  top: 0;
  right: 0;
  left: 40px;
  bottom: 10px;
  margin: auto;
  width: 20px;
  height: 20px;
  text-align: center;
  display: none;
  background: #0066dd;
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
  line-height: 20px;
  font-size: 10px;
  color: #fff;
}

#sysHeader #headNavigation li.tab span {
  display: block;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-weight: 700;
}

#sysHeader .h_cart {
  float: right;
  font-size: 14px;
  font-weight: bold;
  padding-top: 10px;
}

#sysHeader .h_cart dt {
  display: inline-block;
}

#sysHeader .h_cart dd {
  display: inline-block;
  padding-left: 5px;
}

#sysHeader .h_cart dd span {
  color: #ff0000;
}

/*########## トップページ中部(sysMiddle)のレイアウト調整 ##########*/
#sysMiddle {
  margin: 0 auto;
  /* background-image: url(/img/layout/bg/middle_bg.jpg); */
  background-size: 1600px;
  background-position: top center;
  background-repeat: repeat-x;
}

#sysMiddle .middle_recommend {
  max-width: 1200px;
  margin: 60px auto 0;
}

#sysMiddle .middle_recommend ul:after {
  display: block;
  content: "";
  clear: both;
}

#sysMiddle .middle_recommend ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#sysMiddle .middle_recommend li {
  width: 280px;
  position: relative;
  background: #fff;
  margin-right: 20px;
  margin-bottom: 25px;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
  text-align: left;
  box-shadow: 2px 4px 2px 2px #eeeeee;
  -moz-box-shadow: 2px 4px 2px 2px #eeeeee;
  -webkit-box-shadow: 2px 4px 2px 2px #eeeeee;
  display: flex;
  flex-direction: column;
}

#sysMiddle .middle_recommend li:nth-child(4n) {
  margin-right: 0;
}

#sysMiddle .middle_recommend li img {
  height: 200px;
}

#sysMiddle .middle_recommend li .sysItemName {
  padding: 10px;
  font-size: 16px;
  line-height: 22px;
}

#sysMiddle .middle_recommend li .sysItemPrice {
  padding: 0 10px;
  font-size: 18px;
  font-weight: 700;
  color: #DA4636;
}

#sysMiddle .middle_recommend li .sysItemSuggestedPrice {
  padding: 0 10px;
  font-weight: bold;
}

#sysMiddle .middle_recommend li .sysItemPrArea {
  padding: 0 10px 10px 10px;
}

/*中部バナー*/
/*中部おすすめ商品*/
/*売れ筋商品ランキング*/
/*トップカテゴリ*/
.main_category .category_txt {
  width: 835px;
  margin: 10px auto;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.1em;
}

.main_category .category_txt p {
  margin-bottom: 20px;
}

.main_category #top_category_list li {
  width: 240px;
  float: left;
  margin: 35px 0;
  text-align: center;
}

.main_category #top_category_list li .sanchi {
  position: relative;
  display: inline-block;
  background: #B6A06E;
  width: 120px;
  height: 35px;
  color: #fff;
  text-align: center;
  line-height: 35px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px;
  margin-bottom: -5px;
  z-index: 10;
}

.main_category #top_category_list li .sanchi:after {
  display: inline-block;
  content: "▼";
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
  color: #B6A06E;
  font-size: 16px;
  z-index: 10;
}

.main_category #top_category_list li .img_wrap {
  border-radius: 50%;
  width: 170px;
  height: 170px;
  overflow: hidden;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  margin: 0 auto;
}

.main_category #top_category_list li:hover .img_wrap {
  border-radius: 0;
  width: 100%;
}

.main_category #top_category_list li:hover .img_wrap img {
  opacity: 1 !important;
}

.main_category #top_category_list li .img_wrap img {
  min-height: 170px;
}

/*トップアサイド*/
.side_parts {
  margin-bottom: 10px;
}

#sysAside .side_members {
  margin-bottom: 10px;
}

#sysAside .side-category li,
#sysAside .side_guide_links li {
  width: 96% !important;
  margin: 0 2%;
  position: relative;
  height: 35px;
  line-height: 35px;
  font-weight: 700;
  font-size: 12px;
  border-bottom: 1px dotted #000;
}

/*
#sysAside .side-category li:after, #sysAside .side_guide_links li:after {
  display: inline-block;
  content: url(/img/layout/side/category_caret.png);
  position: absolute;
  right: -2%;
  top: 2px; }
*/

#sysAside .side-category li:after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  padding-right: 5px;
  color: #313334;
  position: absolute;
  right: -2%;
  top: 0px;
}

#sysAside .side-category ul li.sysText a,
#sysAside .side_guide_links ul li.sysText a {
  padding: 0 !important;
}

#sysAside .side-category ul li:hover,
.side-category ul li a:hover {
  color: #e47911 !important;
}

#sysAside .side_guide_links ul li a {
  display: block;
}

#sysAside .side-category li:last-child {
  border-bottom: 1px solid #000;
}

/*トップアサイド（別カテゴリ）*/
.side_parts {
  margin-bottom: 10px;
}

#sysAside .side_category li,
#sysAside .side_guide_links li {
  width: 96% !important;
  margin: 0 2%;
  position: relative;
  height: 35px;
  line-height: 35px;
  font-weight: 700;
  font-size: 12px;
  border-bottom: 1px dotted #000;
}

#sysAside .side_category li:after,
#sysAside .side_guide_links li:after {
  display: inline-block;
  content: url(/img/layout/side/category_caret.png);
  position: absolute;
  right: -2%;
  top: 2px;
}

#sysAside .side_category ul li.sysText a,
#sysAside .side_guide_links ul li.sysText a {
  padding: 0 !important;
}

#sysAside .side_guide_links ul li a {
  display: block;
}

/*トップフッター*/
#sysFooter {
  margin-top: 50px;
}

#top #sysFooter .sub_footer {
  padding-top: 30px;
  min-height: 500px;
  /*  background-image: url(/img/layout/bg/subfoot_bg.png);  */
  background-size: 1600px;
  background-position: top center;
  background-repeat: no-repeat;
}

#sysFooter .f_check {
  max-width: 1200px;
  margin: 0 auto;
}

#sysFooter .f_check ul {
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

#sysFooter .f_check .slick-arrow {
  width: 0;
  height: 0;
}

#sysFooter .f_check .slick-prev:after {
  position: absolute;
  content: "";
  left: 5px;
  width: 60px;
  height: 60px;
  z-index: 100;
  top: 50px;
  /* background-image: url(/img/layout/footer/slick_prev.png); */
  background-size: 55px;
  background-position: center center;
}

#sysFooter .f_check .slick-next:after {
  position: absolute;
  content: "";
  right: 5px;
  width: 60px;
  height: 60px;
  z-index: 100;
  top: 50px;
  /* background-image: url(/img/layout/footer/slick_next.png); */
  background-size: 55px;
  background-position: center center;
}

#sysFooter .f_check li img {
  box-shadow: 3px 4px 22px -8px #4c4c4c;
  -moz-box-shadow: 3px 4px 22px -8px #4c4c4c;
  -webkit-box-shadow: 3px 4px 22px -8px #4c4c4c;
}

#sysFooter .f_check .sysItemImage {
  margin-bottom: 10px;
}

#sysFooter .f_check .sysItemName {
  font-size: 12px;
  line-height: 18px;
  margin-top: 5px;
}

#sysFooter .f_check .sysItemPrice {
  font-weight: bold;
  font-size: 14px;
  color: #DA4636;
}

#sysFooter .f_banner {
  max-width: 1200px;
  margin: 60px auto 0;
}

#sysFooter .f_banner li {
  width: 580px;
  float: left;
  margin-right: 40px;
}

#sysFooter .f_banner li:last-child {
  margin-right: 0;
}

#sysFooter .footer {
  padding-top: 60px;
  background: url(/img/layout/bg/foot_bg.jpg);
  background-size: 1600px;
  background-position: top center;
  background-repeat: repeat;
}

#sysFooter .f_navigation {
  width: 100%;
  height: 50px;
  background: url(/img/layout/header/head_bg.png);
  background-size: 150px;
  margin-top: 100px;
}

#sysFooter .f_navigation .f_nav_inner {
  max-width: 1200px;
  margin: 0 auto;
}

#sysFooter .f_navigation .f_nav_inner li {
  display: inline-block;
  line-height: 50px;
  padding: 0 20px;
  position: relative;
}

#sysFooter .f_navigation .f_nav_inner li:after {
  display: block;
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  background: #000;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
}

#sysFooter .f_copyright {
  width: 100%;
  height: 50px;
  line-height: 45px;
  text-align: center;
  border-bottom: 10px solid #0066dd;
  color: #fff;
}

/*ページトップ*/
/*フッター追従式ナビ*/
body[data-member-login=true] #sysFooter #f_spnav li a img.login {
  display: inline;
}

body[data-member-login=true] #sysFooter #f_spnav li a img.logout {
  display: none;
}

/*ヘッダー カート文言のリンク処理*/
#sysHeader .h_cart {
  cursor: pointer;
}

#sysHeader .h_cart:hover {
  opacity: 0.7;
}

/*!
* _item_detail.scss
*/
/***********************************
  商品詳細ページ
***********************************/
/*
■ 基本構造
body#sysItemDetail
*/
#sysItemDetail #sysLayout {
  margin-top: 20px;
}

#sysItemDetail #sysLayout .contInner {
  margin: 0 auto;
}

/*
■ パンくずリスト
※カテゴリー一覧と共通class名なので注意
*/
/*recus original*/
#item_detail_wrap .sysItemName.sysDisplayPcNone h1 {
  margin-bottom: 10px;
  color: #000;
  font-size: 1.8rem;
  font-size: 18px;
  text-align: left;
}

#item_detail_wrap .sysCategoryPankuzu>span {
  display: none;
}

#item_detail_wrap .sysCategoryPankuzu>span+br {
  display: none;
}

#item_detail_wrap .item_order_area {
  max-width: 1000px;
  margin: 0 auto 20px;
  letter-spacing: -.4em;
  text-align: center;
}

#item_detail_wrap .item_order_area .sysItemImages,
#item_detail_wrap .item_order_area .orderArea {
  width: 50%;
  display: inline-block;
  letter-spacing: normal;
  text-align: right;
  vertical-align: top;
}

#item_detail_wrap .item_order_area .sysItemImages {
  margin-bottom: 30px;
  padding-right: 20px;
}

#item_detail_wrap .item_order_area .sysItemImages .sysMainImage {
  position: relative;
  margin-bottom: 10px;
}

#item_detail_wrap .item_order_area .sysItemImages .sysMainImage img {
  width: 100%;
  height: auto;
}

#item_detail_wrap .item_order_area .sysItemImages .sysModal {
  position: relative;
  margin-bottom: 10px;
}

#item_detail_wrap .item_order_area .sysItemImages .sysModal img {
  width: 100%;
  height: auto;
}

#item_detail_wrap .item_order_area .sysItemImages .sysThumbnailImage>span,
#item_detail_wrap .item_order_area .sysItemImages .sysThumbnailImage>br {
  display: none;
}

#item_detail_wrap .item_order_area .sysItemImages .sysImageList {
  text-align: left;
}

#item_detail_wrap .item_order_area .sysItemImages .sysImageList li {
  display: inline-block;
  vertical-align: top;
  height: auto;
  width: 18.5%;
  line-height: 1;
  float: none;
  padding: 0 0.5%;
  margin: 0 0 10px;
}

#item_detail_wrap .item_order_area .sysItemImages .sysImageList li.sysCurrent img {
  border: 3px solid #da4636;
}

#item_detail_wrap .item_order_area .orderArea {
  /*商品番号*/
  /*小売価格*/
}

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

#item_detail_wrap .item_order_area .orderArea .sysItemName h1 {
  margin-bottom: 10px;
  color: #000;
  font-size: 1.8rem;
  font-size: 18px;
  text-align: left;
}

#item_detail_wrap .item_order_area .orderArea .sysItemId {
  text-align: right;
}

#item_detail_wrap .item_order_area .orderArea .sysRetailPrice {
  display: inline-block;
  width: auto;
  margin-bottom: 5px;
  color: #da4636;
  font-weight: bold;
  text-align: right;
}

#item_detail_wrap .item_order_area .orderArea .sysRetailPrice span {
  font-size: 1.1rem;
  font-size: 11px;
}

#item_detail_wrap .item_order_area .orderArea .sysRetailPrice span.sysRetailPriceValue {
  font-size: 1.8rem;
  font-size: 18px;
}

#item_detail_wrap .item_order_area .orderArea .sysSuggestedRetailPrice {
  margin-bottom: 5px;
  text-align: right;
  text-decoration: line-through;
}

#item_detail_wrap .item_order_area .orderArea .sysSuggestedRetailPrice span {
  font-size: 1.1rem;
  font-size: 11px;
}

#item_detail_wrap .item_order_area .orderArea .sysShippingCost {
  display: inline-block;
  width: auto;
  margin-left: auto;
  margin-top: 5px;
  padding: 0 5px;
  color: #da4636;
  font-weight: bold;
  font-size: 1.1rem;
  font-size: 11px;
  border: 1px solid #da4636;
  border-radius: 3px;
}

#item_detail_wrap .item_order_area .orderArea .sysPr {
  text-align: right;
}

#item_detail_wrap .item_order_area .orderArea .sysPr>span {
  text-align: center;
  vertical-align: bottom;
}

#item_detail_wrap .item_order_area .orderArea .sysForm {
  /*フォーム内のselect*/
  /* 数量 */
  /*数量増減*/
  /*カートに入れる*/
  /* カート入れた後のふきだし */
  /*お気に入り*/
  /* お気に入りのボタン */
  /*SNSボタン*/
  /*.sysReview*/
}

#item_detail_wrap .item_order_area .orderArea .sysForm select {
  min-width: 150px;
  display: inline-block;
  float: right;
  height: 35px;
  padding: 0 18px 0 10px;
  line-height: 30px;
  border: 1px solid #a9a9a9;
  border-radius: 3px;
  background-color: #efefef;
  background-image: url(https://www.gyoren.net/img/layout/system/select_arrow.png);
  background-size: 10px auto;
  background-repeat: no-repeat;
  background-position: right 10px center;
}

#item_detail_wrap .item_order_area .orderArea .sysForm #sysVariation {
  width: 100%;
  max-width: 500px;
  overflow: hidden;
  margin-left: auto;
}

#item_detail_wrap .item_order_area .orderArea .sysForm #sysVariation>div {
  margin: 10px auto;
  overflow: hidden;
  line-height: 30px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm #sysSelections {
  margin-bottom: 10px;
  line-height: 30px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm #sysCartInForm {
  width: 100%;
  margin-left: auto;
}

#item_detail_wrap .item_order_area .orderArea .sysForm #sysNumber {
  line-height: 30px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysNumArea {
  line-height: 1;
  padding-top: 5px;
  clear: both;
  text-align: right;
}

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

#item_detail_wrap .item_order_area .orderArea .sysForm .sysNumArea {
  margin-bottom: 20px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .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;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysNumArea button:hover {
  background-color: #efefef;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysNumArea .sysBtnPlus {
  border-color: #b9b9b9;
  background: url(/img/layout/system/btn_plus.svg) center center no-repeat;
  background-size: 90px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysNumArea .sysBtnMinus {
  border-color: #b9b9b9;
  background: url(/img/layout/system/btn_minus.svg) center center no-repeat;
  background-size: 90px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysCartButton {
  width: 98%;
  margin-left: 2%;
  padding: 15px 15px !important;
  border-radius: 5px;
  margin-top: 0;
  text-indent: -999px;
  border: 0;
  background: #da4636 url(/img/layout/system/btn_cart-in_1.svg) 52% center no-repeat;
  background-size: 152px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysCartButton:hover {
  background-color: #da4636;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysGoCartButton {
  border-radius: 5px;
  margin-top: 5px;
  background: #0066dd url(/img/layout/system/btn_cart2-b.svg) center center no-repeat;
  background-size: 127px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysGoCartButton:hover {
  background-color: #0066dd;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysCartInDone {
  padding: 8px 8px 10px 8px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysCartInDone span {
  border: 1px solid #888888;
  box-shadow: 2px 2px 2px #888888;
  border-radius: 3px;
  padding: 8px 0;
  font-size: 14px;
  font-weight: bold;
  display: block;
  text-align: center;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  background-color: #515151;
  color: #fff;
  cursor: pointer;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysButton:hover {
  background: #999;
}

#item_detail_wrap .item_order_area .orderArea .sysForm #sysWishlist .sysButton {
  width: 98%;
  margin-left: 2%;
  overflow: hidden;
  text-indent: -999px;
  border: 1px solid #b9b9b9;
  background: #fff url(/img/layout/system/btn_favo.svg) center center no-repeat;
  background-size: 100px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm #sysWishlist .sysButton:hover {
  background-color: #efefef;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysShare {
  padding: 5px 0 0 2%;
  text-align: right;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysShare .sysFacebook {
  position: relative;
  top: -6px;
  top: 2px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysShare .sysGoogleplus {
  width: 58px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysShare .sysLine,
#item_detail_wrap .item_order_area .orderArea .sysForm .sysShare .sysDisplayPcNone {
  display: inline-block !important;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysShare .sysLine {
  position: relative;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysReview {
  margin: 20px 0 40px;
}

/*
//これは別へ持ってく　最近チェックした商品などのリスト向け
.sysItemBlock .sysHorizontal li .sysItemImage {
margin-bottom: 10px;
}
*/
/* 4-2-4 Item Page Titile */
/* 不要？　2017/07/20
.sysItemName, .sysExplanation > div > span, .sysReview > span {
display: block;
}
*/
/************************
登録商品編集 > 主要項目 > 詳細商品説明
*************************/
/*
基本構造
.sysExplanation{
#sysExplanation{}
}
となっているが個別指定用に#sysExplanationはとっておく
(登録商品編集 > 主要項目 > 詳細商品説明の中で直書きレイアウト変更対応用)
*/
.sysExplanation {
  margin-bottom: 3%;
}

.sysExplanation>p {
  text-align: center;
}

.sysExplanation table {
  text-align: center;
}

.sysExplanation thead {
  text-align: center;
}

.sysExplanation td {
  font-size: small;
}

/************************
登録商品編集 > 公開設定/情報登録 > 簡易商品説明
*************************/
/* 4-2-5-1 Item Description  簡易説明*/
.sysDescription {
  max-width: 1200px;
  margin: 0 auto 20px;
  font-size: 1.3rem;
}

.sysImageDescription {
  font-size: 1.3rem;
}

/************************
レビュー
*************************/
.sysReview input {
  background: #000;
  color: #fff;
  text-shadow: none;
  border: 1px solid #999;
  border-radius: 3px;
  display: block;
  padding: 10px;
  margin: 5px auto;
  width: 50%;
}

.sysReview>br {
  display: none;
}

.sysReviewHistoryList {
  padding: 0 10px;
}

.sysReviewHistoryList li {
  margin-bottom: 5px;
  border-bottom: 1px dashed lightgray;
  padding: 5px 0;
}

.sysReviewHistoryList li:last-child {
  border: none;
}

.sysNickname,
.sysEvaluation {
  display: inline-block;
  padding: 0 10px 0 0;
}

.sysNickname {
  font-size: large;
  font-weight: bold;
}

.sysReviewDatetime {
  font-size: small;
  text-align: right;
  padding-right: 20px;
}

.sysReviewText {
  font-size: small;
}


/*バリエーション*/
#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;
}

/*** 横幅760px対応 ***/
#item_detail_wrap.w760 .sysExplanation {
  max-width: 760px;
  margin: 0 auto 3%;
}

#item_detail_wrap.w760 .sysExplanation table {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#item_detail_wrap.w760 .sysExplanation table td {
  text-align: left;
}

#item_detail_wrap.w760 .sysExplanation table td[align=center] {
  text-align: center;
}

#item_detail_wrap.w760 .sysExplanation table td[align=center] img {
  width: auto;
}

#item_detail_wrap.w760 .sysExplanation table td.txt {
  width: 50%;
  font-size: 14px;
}

#item_detail_wrap.w760 .sysDescription p {
  font-size: 14px;
  font-feature-settings: "palt";
}

#item_detail_wrap.w760 .sysDescription table {
  font-size: 14px;
  border-collapse: collapse;
}

#item_detail_wrap.w760 .sysDescription table td {
  border: 1px solid #BEBEBE;
  border-collapse: collapse;
  text-align: left;
}

#item_detail_wrap.w760 .sysDescription table.border_gray02 {
  border: 1px solid #BEBEBE;
  border-collapse: collapse;
}

#item_detail_wrap.w760 .sysDescription table.border_gray02 td {
  border: 1px solid #BEBEBE;
  border-collapse: collapse;
  text-align: left;
}

#item_detail_wrap.w760 .sysDescription table .company_td01 {
  /*background-color: #DBDBDB;*/
  background-color: #f5f5f5;
  padding: 5px;
  border-collapse: collapse;
  text-align: left;
}

#item_detail_wrap.w760 .sysDescription table .company_td02 {
  border-collapse: collapse;
  background-color: #FFFFFF;
  padding: 5px;
  text-align: left;
}

/*###### 商品詳細ページ　ここまで ######*/
/*!
* _formpage_layout.scss
*/
/*******************************************************
下記該当ページの基本構造およびinputタグやボタンの共通部分を記載
■ お問い合わせ
-入力画面
-確認画面
-完了画面

■ 新規会員登録
-情報入力画面
-確認画面
-完了画面

■ マイページ
-ログイン画面
-会員IDとパスワードの確認画面
-マイページTOP
-購入履歴
-会員情報編集
-登録クレジットカード情報
-お届け先情報を編集する
-ポイント状況
-商品閲覧履歴
-お気に入り
-定期購入管理
-退会する
-ログアウト

■カートページ
-非ログインカート
-ログインカート
-購入手続き確認画面
-購入完了画面
********************************************************/
/**** フォームページの基本レイアウト ****/
/*お問い合わせ*/
#sysFormIndex #sysMain,
#sysFormConfirm #sysMain,
#sysFormThanks #sysMain {
  width: 660px;
  max-width: 660px;
  border: none;
  padding: 20px 0 !important;
  margin: 30px auto;
  float: none;
}

/*新規会員登録*/
#sysMemberRegisterIndex #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterRegister #sysMain {
  width: 660px;
  max-width: 660px;
  border: none;
  padding: 20px 0 !important;
  margin: 30px auto;
  float: none;
}

/*マイページ*/
#sysMypageLogin #sysMain,
#sysMypageReminder #sysMain,
#sysMypageIndex #sysMain,
#sysMypageOrderHistory #sysMain,
#sysMypageEditMember #sysMain,
#sysMypageEditConfirm #sysMain,
#sysMypageEditSave #sysMain,
#sysMypageEditDelivery #sysMain,
#sysMypageEditSavedelivery #sysMain,
#sys_mypage_edit_web_collect_card #sysMain,
#sysMypagePoint #sysMain,
#sysMypageAshiato #sysMain,
#sysMypageReview #sysMain,
#sysMypageWithdrawalConfirm #sysMain,
#sysMypageWithdrawalDone #sysMain,
#sysMypageLogout #sysMain {
  width: 660px;
  max-width: 660px;
  border: none;
  padding: 20px 0 !important;
  margin: 30px auto;
  float: none;
}

/*配送先指定　ワンページカートだとない*/
#sysMypageEditDeliveryinput #sysMain,
#sysDestination #sysMain {
  width: 660px;
  max-width: 660px;
  border: none;
  padding: 20px 0 !important;
  margin: 30px auto;
  float: none;
}

#sysMypageEditDeliveryinput #sysMain .sysZipcode .sysFormField,
#sysDestination #sysMain .sysZipcode .sysFormField {
  width: 100%;
}

/*カートページ*/
#sysBasket #sysMain,
#sysOnePageConfirm #sysMain,
#sysThanks #sysMain {
  width: 660px;
  max-width: 660px;
  border: none;
  padding: 20px 0 !important;
  margin: 30px auto;
  float: none;
}

/**** 入力欄共通仕様 ****/
input[type=search] {
  -webkit-appearance: none;
  padding: 10px 5px !important;
  width: 100%;
  line-height: 2;
  background: #fff;
  border: 1px solid #666;
  border-radius: 0;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=password] {
  -webkit-appearance: none;
  padding: 10px 10px !important;
  width: 100%;
  line-height: 2;
  background: #fffde2;
  border: 1px solid #a9a9a9;
  border-radius: 3px;
}

textarea {
  -webkit-appearance: none;
  padding: 10px 5px !important;
  width: 100%;
  line-height: 2;
  background: #fffde2;
  border: 1px solid #a9a9a9;
  border-radius: 3px;
}

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

input[type=search] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  line-height: 2.5;
  padding-left: 5px;
}

input[type=search]::-webkit-search-decoration {
  display: none;
}

input[type="radio"] {
  -webkit-appearance: none;
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border: 1px solid #d4d4d4;
  cursor: pointer;
  border-radius: 100%;
}

input[type="radio"]:checked {
  background: #fff;
  border: 5px solid #068acc;
}

select {
  width: auto;
  min-width: 150px;
  display: inline-block;
  height: 35px;
  padding: 0 18px 0 10px;
  line-height: 35px;
  border: 1px solid #a9a9a9;
  border-radius: 3px;
  background-color: #ffffff;
  background-image: url(https://www.gyoren.net/img/layout/system/select_arrow.png);
  background-size: 10px auto;
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.sysBirthday input {
  width: auto !important;
}

/*** 共通隙間 ***/
.sysForm .sysFormItem,
.sysLoginForm .sysFormItem {
  margin-bottom: 10px;
}

.sysForm .sysFormItem .sysFormLabel,
.sysLoginForm .sysFormItem .sysFormLabel {
  display: inline-block;
  margin-bottom: 5px;
}

/**** 共通ボタン位置レイアウト ****/
/** 一行タイプ **/
/*********************
該当ページ
■ 新規会員登録
-入力画面
-確認画面

■ マイページ
-ログイン画面
-会員情報編集
-会員情報編集確認
-お届け先編集
-退会
*********************/
/*** 左側ボタン ***/
/*新規会員登録 入力画面 登録内容を確認する*/
#sysMemberRegisterIndex #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit,
#sysMemberRegisterConfirm #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit {
  float: left;
  box-sizing: border-box;
  width: 49%;
  height: 50px;
  border: 1px solid #0066dd;
  /*ワンページカートじゃない時*/
  margin: 30px 1% 0 0;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  background-color: #0066dd;
}

#sysMemberRegisterIndex #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit:hover,
#sysMemberRegisterConfirm #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit:hover {
  color: #0066dd;
  background-color: #fff;
  border: 1px solid #0066dd;
}

/*マイページ ログイン画面 ログイン*/
#sysMypageLogin .sysLoginButton,
#sysMypageEditMember #sysMain>form>div.sysForm input[type=submit][name=submit]#button1.sysNextSubmit,
#sysMypageEditConfirm #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit,
#sysMypageEditDelivery #sysMain>form>input[type=submit][name=submit]#button2.sysNextSubmit {
  float: left;
  box-sizing: border-box;
  width: 49%;
  height: 50px;
  border: 1px solid #0066dd;
  margin: 30px 1% 0 0;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  background-color: #0066dd;
}

#sysMypageLogin .sysLoginButton:hover,
#sysMypageEditMember #sysMain>form>div.sysForm input[type=submit][name=submit]#button1.sysNextSubmit:hover,
#sysMypageEditConfirm #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit:hover,
#sysMypageEditDelivery #sysMain>form>input[type=submit][name=submit]#button2.sysNextSubmit:hover {
  color: #0066dd;
  background-color: #fff;
}

/*** 右側ボタン (戻る系)***/
/*新規会員登録 入力画面 戻る*/
#sysMemberRegisterIndex #sysMain>form>input[type=submit][name=submit].sysButton,
#sysMemberRegisterConfirm #sysMain>form+form .sysForm>input[type=submit][name=submit].sysBackButton,
#sysMypageEditMember #sysMain>form>input[type=submit][name=submit].sysButton.sysBackButton,
#sysMypageEditConfirm #sysMain>form .sysForm input[type=submit][name=submit].sysButton.sysBackButton,
#sysMypageEditDelivery #sysMain>form>input[type=submit][name=submit].sysButton {
  float: left;
  box-sizing: border-box;
  width: 49%;
  height: 50px;
  border: 1px solid #666;
  margin-top: 10px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  background-color: #666;
}

#sysMemberRegisterIndex #sysMain>form>input[type=submit][name=submit].sysButton:hover,
#sysMemberRegisterConfirm #sysMain>form+form .sysForm>input[type=submit][name=submit].sysBackButton:hover,
#sysMypageEditMember #sysMain>form>input[type=submit][name=submit].sysButton.sysBackButton:hover,
#sysMypageEditConfirm #sysMain>form .sysForm input[type=submit][name=submit].sysButton.sysBackButton:hover,
#sysMypageEditDelivery #sysMain>form>input[type=submit][name=submit].sysButton:hover {
  color: #666;
  background-color: #fff;
}

/*マイページ　ログイン画面　パスワード忘れ*/
#sysMypageLogin .sysButton {
  border: 1px solid #0066dd;
  color: #ffffff;
  background-color: #0066dd;
}

#sysMypageLogin .sysButton:hover {
  color: #0066dd;
  background-color: #fff;
}

/*マイページ　退会　退会する　(退会しない)*/
#sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form input[type=submit][name=submit].sysButton,
#sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form+form input[type=submit][name=submit].sysButton {
  float: left;
  box-sizing: border-box;
  width: 49%;
  height: 50px;
  border: 1px solid #666;
  margin: 30px 1% 0 0;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  background-color: #666;
}

#sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form input[type=submit][name=submit].sysButton:hover,
#sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form+form input[type=submit][name=submit].sysButton:hover {
  color: #666;
  background-color: #fff;
}

/*お問い合わせページ 確認する*/
#sysFormIndex #sysMain form>input[type=submit][name=submit].sysNextSubmit {
  width: 100%;
  height: 50px;
  border: 1px solid #0066dd;
  margin: 30px auto 0;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  background-color: #0066dd;
}

#sysFormIndex #sysMain form>input[type=submit][name=submit].sysNextSubmit:hover {
  color: #0066dd;
  background-color: #fff;
}

/** お問い合わせ、新規会員登録タイトル処理 **/
#sysFormIndex h1.pattern01,
#sysFormIndex h2.pattern01,
#sysMemberRegisterIndex h1.pattern01,
#sysMemberRegisterIndex h2.pattern01 {
  font-size: 18px;
  border-left: 5px solid #3d3d3d;
  padding-left: 5px;
  margin: 20px 0;
}

#sysFormIndex h1.pattern02,
#sysFormIndex h2.pattern02,
#sysMemberRegisterIndex h2.pattern02 {
  font-size: 18px;
  border-bottom: 1px solid #3d3d3d;
  padding-left: 5px;
  padding-bottom: 5px;
  margin: 15px 0;
}

#sysFormIndex h1.pattern03,
#sysFormIndex h2.pattern03,
#sysMemberRegisterIndex h1.pattern03,
#sysMemberRegisterIndex h2.pattern03 {
  font-size: 14px;
  padding-bottom: 5px;
  background: #424242;
  color: #fff;
  padding: 3px 10px;
  margin: 0px 0 15px;
}

/**** 以下個別レイアウト ****/
/***********************************
お問い合わせ
***********************************/


#sysFormConfirm #sysMain .sysForm .sysFormItem .sysFormLabel {
  border-left: 3px solid #CCC;
  padding-left: 5px;
}

#sysFormConfirm #sysMain button[type=submit][name=action_front_form_index].sysButton {
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  border: 1px solid #666;
  margin-top: 10px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  background-color: #666;
}

#sysFormConfirm #sysMain button[type=submit][name=action_front_form_index].sysButton:hover {
  color: #666;
  background-color: #fff;
}

#sysFormConfirm #sysMain input[type=submit][name=submit].sysNextSubmit {
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  border: 1px solid #0066dd;
  margin: 20px 1% 0 0;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  background-color: #0066dd;
}

#sysFormConfirm #sysMain input[type=submit][name=submit].sysNextSubmit:hover {
  color: #0066dd;
  background-color: #fff;
}

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

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

/***********************************
マイページ
***********************************/
/*** 共通「戻る」ボタン ***/
/*
該当ページ
-購入履歴 #sysMypageOrderHistory
-登録クレジットカード情報 #sys_mypage_edit_web_collect_card
*/
#sysMypageOrderHistory #sysMain>form>input[type=submit][name=submit].sysButton,
#sys_mypage_edit_web_collect_card #sysMain .sys_card_return_form_block form input[type=submit][name=submit].sysButton {
  display: inline-block;
  padding: 10px;
  width: auto;
  min-width: 11em;
  height: auto;
  line-height: 2;
  font-size: inherit;
  color: #666;
  background: #fff;
  border-radius: none;
  border: 1px solid #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*会員IDとパスワードの確認*/
#sysMypageReminder #sysMain input[type=submit] {
  display: block;
  width: 80%;
  height: 50px;
  padding: 10px 15px;
  margin: 30px auto 0;
  text-shadow: none;
  border: 1px solid #0066dd;
  border-radius: 3px;
  font-size: 14px;
  background: #0066dd;
  color: #fff;
}

#sysMypageReminder #sysMain input[type=submit]:hover {
  background: #fff;
  color: #0066dd;
}

/* マイページTOP 会員限定商品へのリンク*/
#sysMypageIndex #member_items_link {
  max-width: 300px;
  margin: 20px auto 0;
}

#sysMypageIndex #member_items_link a {
  display: block;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #0066dd;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #0066dd;
}

#sysMypageIndex #member_items_link a:hover {
  color: #0066dd;
  background: #fff;
}

/***********************************
新規会員登録
***********************************/
#sysMemberRegisterIndex h2:not(.generatedH2):not(.h_mid) {
  display: none;
}

/*
#sysMemberRegisterIndex .sysFreeArea {
padding: 3%;
border: 3px solid #ff2727;
margin-bottom: 15px; }
#sysMemberRegisterIndex .sysFreeArea .freearea_ttl {
  font-size: 16px;
  font-weight: bold;
  color: #ff2727; }
*/

.sysMemberRegister .sysForm div {
  margin-bottom: 10px;
}

.sysMemberRegister .sysRequired {
  color: #da4636;
  font-weight: bolder;
}

.sysMemberRegister .sysForm label:first-child {
  display: inline-block;
  margin-bottom: 5px;
}

.sysMemberRegister .sysZipcode .sysFormLabel {
  display: block !important;
}

.sysMemberRegister .sysZipcode .sysFormField {
  display: inline-block;
}

.sysMemberRegister .sysZipcode input {
  max-width: 200px;
}

.sysMemberRegister .sysPrefStateId select {
  width: 200px;
  height: 50px;
}

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

.sysMemberRegister .sys3 label {
  display: inline-block;
  margin-left: 20px;
}

.sysMemberRegister .sys3 label:first-child {
  margin-left: 0;
}

.sysMemberRegister .sysGender input,
.sysMemberRegister .sys3 input {
  vertical-align: middle;
}

h1.sysHeadline {
  color: #000;
  font-size: large;
  margin-bottom: 20px;
}

.generatedP {
  margin: 10px 0;
}

/*##### フォームページレイアウト　ここまで #####*/
/*!
* _onepage_cart.scss
*/
/*** cart.cssのキャンセル ***/
.sysCart h1 {
  color: inherit;
}

.sysCart #sysMain select {
  width: auto;
}

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

.sysCart .sysBox {
  box-shadow: none;
  border-color: #999;
}

.sysCart .sysItemListArea h2 {
  display: none;
}

/**** 「ご注文手続きへ」ボタン ****/
#sysBasket #sysMain .mdl_btn_ button.mdl-button.full-width,
#sysBasket #sysMain form input[type=submit][name=submit].sysOpcNextSubmit,
#sysOnePageConfirm #sysMain form input[type=button][name=action_front_cart_onePageOrder].sysNextSubmit {
  display: inline-block;
  width: 100% !important;
  height: auto !important;
  border: none;
  color: #fff;
  text-shadow: none;
  box-shadow: none;
  font-weight: bold;
  background: none;
  background-color: #ff7c44 !important;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-appearance: none;
  padding: 10px 5px !important;
  line-height: 2;
  margin: 0.5em 0 !important;
  min-width: 11em;
  border-radius: 5px;
}

/*戻るボタン*/
#sysBasket #sysMain input[type=submit][name=submit].sysBackButton,
#sysOnePageConfirm #sysMain input[type=submit][name=back_to_basket].sysButton {
  display: inline-block;
  padding: 10px;
  width: auto;
  min-width: 11em;
  height: 45px;
  line-height: 0;
  font-size: inherit;
  font-weight: bold;
  color: #ffffff;
  background: #666666 url(https://www.gyoren.net/img/icon/arrow-alt-circle-left-regular-w.png) no-repeat left 10px center;
  border-radius: none;
  border: 0px solid #666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*数量ボタン*/
#sysBasket #sysMain .sysNumArea button,
#sysOnePageConfirm #sysMain .sysNumArea button {
  display: inline-block;
  padding: 5px 10px;
  width: auto;
  min-width: 11em;
  height: auto;
  line-height: 2;
  font-size: inherit;
  color: #000;
  background: #fff;
  border-radius: none;
  box-shadow: none;
  border: 1px solid #666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*削除ボタン*/
#sysBasket #sysMain .sysDeleteArea input[type=submit][name=submit].sysDeleteArea,
#sysOnePageConfirm #sysMain .sysDeleteArea button {
  display: inline-block;
  padding: 10px;
  width: auto;
  min-width: 11em;
  height: 45px;
  line-height: 0;
  font-size: inherit;
  color: #ffffff;
  background: #666666 url(https://www.gyoren.net/img/icon/trash-alt-solid-w.png) no-repeat left 10px center;
  border-radius: none;
  border: 1px solid #666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*##### 注文内容確認ページ #####*/
#sysOnePageConfirm #opcOrderDetail button,
#sysOnePageConfirm button#show-dlg-change-bill-addr,
#sysOnePageConfirm #opcDelAddrInfo button:not(.opc-dlg-close) {
  display: inline-block;
  padding: 5px 10px;
  width: auto;
  min-width: 11em;
  height: auto;
  line-height: 2;
  font-size: inherit;
  color: #000;
  background: #fff;
  border-radius: none;
  border: 1px solid #999;
  box-shadow: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*##### 注文完了ページ(非ログイン) #####*/
#sysThanks #sysMain .sysForm input[type=submit][name=submit].sysNextSubmit {
  display: inline-block;
  padding: 10px;
  width: auto;
  min-width: 11em;
  height: auto;
  line-height: 2;
  font-size: inherit;
  color: #000;
  background: #0066dd;
  border-radius: none;
  border: 1px solid #999;
  box-shadow: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*注文完了ページ(非ログイン)追加文言*/
#sysThanks .sysMemberPassword:after {
  content: "※会員IDはお客様のメールアドレスとなります。";
}

/*** モーダルウインドウ ***/
.sysCart #sysMain .mdl-dialog .mdl-dialog__content p.user_type,
.sysCart #sysMain .mdl-dialog .mdl-dialog__content .dialog_title {
  font-size: 16px;
}

.sysCart #sysMain .mdl-dialog button.mdl-button.opc_next_btn,
.sysCart #sysMain .mdl-dialog button#button-change-billAddr {
  width: 100%;
  height: auto !important;
  margin: 0;
  box-shadow: none;
  font-size: 14px;
  font-weight: bold;
  background: #0066dd;
  color: #fff;
}

.sysCart #sysMain .mdl-dialog .opcDialogBtnArea button.opc_back_btn {
  display: inline-block;
  padding: 10px;
  width: auto;
  min-width: 11em;
  height: auto;
  line-height: 2;
  font-size: inherit;
  color: #000;
  background: #fff;
  border-radius: none;
  border: 1px solid #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.sysCart #sysMain #dlg-opc1 .mdl-dialog__content button#show-dlg-opc2 {
  background: #0066dd !important;
}

.sysCart #sysMain #dlg-opc2 .mdl-dialog__content input#opcLogin {
  font-size: 14px;
  color: #fff;
  box-shadow: none;
  text-shadow: none;
  background: #0066dd !important;
}

.sysCart #sysMain #dlg-opc3 .mdl-dialog__content #opcNextSubmitArea.opcDialogBtnArea input[type=button][name=price_confirm] {
  display: inline-block;
  width: 100%;
  height: auto;
  border: none;
  color: #fff;
  text-shadow: none;
  box-shadow: none;
  font-weight: bold;
  background: #ff7c44 !important;
  text-align: center;
  -webkit-appearance: none;
  padding: 10px 5px !important;
  line-height: 2;
  margin: 0.5em 0;
  min-width: 11em;
  border-radius: 5px;
}

/*##### ワンページカート　ここまで ######*/
/*!
* _cart.scss
* ノーマルカート
*/
/* 4-4 Form Page */
/* 4-1-5 Cart Button */
.sysCartButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  border: 1px solid #ff7c44;
  background-color: #ff7c44;
  color: #fff;
  cursor: pointer;
}

.sysCartButton:hover {
  background: #FFF;
  color: #ff7c44;
}

/*ご注文手続き*/
#sysBasket #sysMain button.mdl-button.full-width {
  width: 100% !important;
  height: auto !important;
  font-size: 14px;
  margin-left: 0 !important;
}

/*確認ページのselect*/
/*
#sysOnePageConfirm{
 #sysMain select{
   @include PropertySetPrefix(appearance, menulist);
   background-color: #efefef;
   border: 1px solid #ccc;
   padding: 3px 0;
  width: auto;
   height: 30px;
 }
}*/
/* 4-4-1 Cart Button Reset */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type=submit] {
  background: #999;
  color: #fff;
  text-shadow: none;
  border: none;
}

.sysCart #sysMain button {
  background: #999;
  color: #fff;
  text-shadow: none;
  border: none;
}

.sysCart #sysMain button[type=submit] {
  background: #999;
  color: #fff;
  text-shadow: none;
  border: none;
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
  background: #ef5e25;
}

.sysCartInDone {
  margin: 0;
}

/* 4-4-2 Form Page */
#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2 {
  color: #000;
  font-size: large;
  margin-bottom: 20px;
}

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

#sysMypageReminder #sysMain input,
#sysMemberRegisterIndex #sysMain input,
#sysFormIndex #sysMain input {
  line-height: 2;
  padding: 10px;
  font-size: inherit;
  margin: 5px auto;
  background: #fffde2;
  border: 1px solid #a9a9a9;
  border-radius: 3px;
}

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

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

.sysZipcode .sysFormLabel {
  display: block;
}

.sysZipcode br {
  display: none;
}

.sysBirthday input {
  width: auto !important;
}

.sysZipcode .sysFormField input {
  background: #fffde2;
  border: 1px solid #a9a9a9;
  border-radius: 3px;
}

/* 4-4-3 Form Confirm Page */
#sysMypageEditConfirm #sysMain .sysFormField,
#sysFormConfirm #sysMain .sysFormField {
  /*background-color: #fffde2;*/
  /*border: 1px solid #ccc;*/
  line-height: 2;
  padding: 10px;
  font-size: 14px;
  border-radius: 3px;
  margin: 5px auto;
  min-height: 20px;
}

#sysMemberRegisterConfirm #sysMain .sysFormField {
  display: inline-block;
  line-height: 2;
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
  margin: 5px auto;
  min-height: 20px;
  letter-spacing: 0.04em;
}

#sysMemberRegisterConfirm .sysFormLabel {
  font-weight: 400;
  line-height: 1;
}

#sysMemberRegisterConfirm #sysMain>div {
  font-size: 16px;
}

#sysMemberRegisterConfirm input#sysOnload {
  background: #da4636 url(https://www.gyoren.net/img/icon/arrow-right-w.png) no-repeat right 10px center;
}

#sysMemberRegisterConfirm .sysZipcode .sysFormLabel {
  display: inline-block !important;
}

/***********************************
カートページ
***********************************/
.sysCart #sysMain {
  float: none;
  margin: 20px auto 40px;
  max-width: 880px;
  color: #000;
}

.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"] {
  background: #fffde2;
  border-radius: 0;
  border: 1px solid #999;
}

/*入力欄の枠*/

.sysCart #sysMain textarea {
  background: #fffde2;
  border-radius: 0;
  border: 1px solid #999;
}

.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: 80%;
  padding: 10px;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  text-shadow: none;
  border-radius: 5px;
  background: #ef5e25;
  border: none;
}

/*次の画面*/

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

.sysCart .sysCartNote {
  color: #0066dd;
  font-weight: bolder;
  font-size: 100%;
}

.sysCart .sysCartTitle {
  color: #ffffff;
  font-size: large;
  font-weight: bolder;
  background-color: #666;
  padding: 0.5em;
  margin-bottom: 2-px;
  border-radius: 0em;
}

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

.sysCart #sysMain input {
  background: #fffde2;
}

.sysCart #sysMain input[type="submit"] {
  display: inline-block;
  background: #0066dd;
  padding: 5px 10px 5px 10px;
  width: auto;
  height: auto;
  color: #ffffff;
  font-weight: normal;
  font-size: 16px;
  border-radius: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.sysCart #sysMain input[type="submit"].sysOpcNextSubmit {
  width: 100%;
  border: none;
  color: #fff;
  font-size: large;
  font-weight: bold;
  background-color: #ff7c44 !important;
  text-align: center;
}

.sysCart #sysMain button {
  display: inline-block;
  padding: 10px;
  width: auto;
  height: auto;
  color: #ffffff;
  background: #0066dd;
  border-radius: none;
  border: 1px solid #0066dd;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

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

.sysCart #sysMain button.close {
  display: inline-block;
  padding: 10px;
  width: auto;
  height: auto;
  color: #ffffff;
  background: #666;
  border-radius: none;
  border: 1px solid #666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.sysCart #sysMain button.sysbacksubmitarea {
  display: inline-block;
  padding: 10px;
  width: auto;
  height: auto;
  color: #ffffff;
  background: #666;
  border-radius: none;
  border: 1px solid #666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

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

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

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

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

.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;
}

#sysBasket #sysMain {
  padding-top: 10px;
}

.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;
}

#sysPayment .sysCourseSelection {
  display: none;
}

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

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

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

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

#sysBillingAddress #sysMain .sysPrefState select {
  width: 200px;
}

#sysBillingAddress #sysMain .sysGender {
  margin-bottom: 20px;
}

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

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

#sysBillingAddress #sysMain .sysAcceptMailmagazine {
  margin-bottom: 20px;
  display: none;
}

#sysBillingAddress #sysMain .sysZipcode .sysFormField {
  width: 100%;
}

/*都道府県*/
/*性別*/
/*メルマガ*/
/*注文完了ページ*/
.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;
}

#sysOnePageConfirm.sysCart #sysMain input.sysNextSubmit {
  background-color: #ff7c44 !important;
}

/*##### ノーマルカートここまで #####*/
/*!
* _simple_page.scss
*/
/*########## 下層ページ用シンプルページレイアウト ##########*/
.simple_layout {
  width: 980px;
  padding: 50px 150px;
  border: 1px solid #ddd;
  margin: 5px auto 30px;
}

.simple_layout center {
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0;
}

.simple_layout h1.pattern01,
.simple_layout h2.pattern01 {
  font-size: 18px;
  border-left: 5px solid #3d3d3d;
  padding-left: 5px;
  margin: 20px 0;
}

.simple_layout h1.pattern02,
.simple_layout h2.pattern02 {
  font-size: 18px;
  border-bottom: 1px solid #3d3d3d;
  padding-left: 5px;
  padding-bottom: 5px;
  margin: 15px 0;
}

.simple_layout h1.pattern03,
.simple_layout h2.pattern03 {
  font-size: 14px;
  padding-bottom: 5px;
  background: #424242;
  color: #fff;
  padding: 3px 10px;
  margin: 0px 0 15px;
}

.simple_layout .txtBlock {
  margin: 30px 0;
}

.simple_layout .imgBlock {
  margin: 30px auto 50px;
  text-align: center;
}

.simple_layout .imgBlock ul {
  width: 600px;
  margin: 0 auto;
}

/** 会社概要 **/
.corporate_page table {
  width: 100%;
}

.corporate_page table tr th {
  width: 15%;
  padding: 10px;
  text-align: left;
  background-color: #efefef;
}

.corporate_page table tr td {
  width: 85%;
  padding: 10px;
  text-align: left;
}

/** 下層ページ **/
.txtBlock ol li {
  list-style-type: decimal;
  margin-left: 18px;
  padding: 10px 0 3px;
}

.red {
  color: #d73404;
  font-weight: bold;
}

.order_info_list ul li {
  list-style-type: disc;
  margin-left: 18px;
  padding: 10px 0 3px;
}

.detail_t {
  margin: 15px auto 20px auto;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 13px;
}

.detail_t th {
  padding: 8px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #333;
  background-color: #f0f0f0;
  font-weight: normal;
}

.detail_t td {
  padding: 8px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.faq dl {
  margin-top: 20px;
}

.faq dt {
  height: 20px;
  line-height: 20px;
  padding-left: 25px;
  margin-bottom: 10px;
  background: url(https://www.gyoren.net/img/ico_q.gif) no-repeat;
  font-weight: bold;
  font-size: 14px;
}

.faq dd {
  margin-left: 25px;
  padding: 15px;
  background: #F5F5F5;
  margin-bottom: 30px;
  overflow: hidden;
}

/*** 個別レイアウト　***/
/**********************
ご注文・お支払い方法について order_info
***********************/
#order_info nav#order_info_nav ul li {
  display: inline-block;
  width: auto;
  border: 1px solid #0066dd;
  border-radius: 3px;
  margin-bottom: 10px;
}

#order_info nav#order_info_nav ul li a {
  display: block;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
}

/**********************
配送について derivery
***********************/
#derivery #delivery_notice {
  padding: 3%;
  border: 3px solid #ff2727;
}

#derivery #delivery_notice .ttl {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #ff2727;
}

#derivery #delivery_notice #dliv_change {
  padding: 2%;
  border: 1px solid #666;
  margin: 10px 0;
}

#derivery #delivery_notice #dliv_change .prev_box span {
  display: block;
}

#derivery #delivery_notice #dliv_change .triangle {
  margin: 20px 0;
  text-align: left;
  font-weight: bold;
  text-indent: 50px;
}

#derivery #delivery_notice #dliv_change .after_box span {
  display: block;
}

/*########## お買い物ガイド ##########*/
/*共通設定*/
#order_guide .guide_section {
  margin-top: 70px;
}

#order_guide .order_guide h2.sysHeadline {
  position: relative;
  width: 100%;
  height: 6px;
  margin: 40px 0 25px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  background: -webkit-repeating-linear-gradient(-45deg, #aaa, #aaa 2px, #fff 2px, #fff 6px);
  background: repeating-linear-gradient(-45deg, #aaa, #aaa 2px, #fff 2px, #fff 6px);
  color: #000;
  letter-spacing: 3px;
}

#order_guide .order_guide h2.sysHeadline:after {
  display: block;
  position: absolute;
  background: #ededed;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  left: 0;
  top: -25px;
  font-size: 18px;
  z-index: 10;
  text-indent: 2px;
}

#order_guide .order_guide h2.sysHeadline span {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  padding-left: 70px;
  padding-right: 15px;
  font-size: 16px;
  background: #fff;
}

#order_guide .guide_section p {
  padding-left: 60px;
  margin-bottom: 25px;
}

#order_guide .guide_section p span {
  display: block;
}

#order_guide .guide_conmplete {
  margin-top: 20px;
  text-align: center;
}

#order_guide #g_section01 h2.sysHeadline:after {
  content: "1";
}

#order_guide #g_section02 h2.sysHeadline:after {
  content: "2";
}

#order_guide #g_section03 h2.sysHeadline:after {
  content: "3";
}

#order_guide #g_section04 h2.sysHeadline:after {
  content: "4";
}

#order_guide #g_section05 h2.sysHeadline:after {
  content: "5";
}

#order_guide #g_section06 h2.sysHeadline:after {
  content: "6";
}

#order_guide #g_section07 h2.sysHeadline:after {
  content: "7";
}

#order_guide #g_section08 h2.sysHeadline:after {
  content: "8";
}

#order_guide #g_section09 h2.sysHeadline:after {
  content: "9";
}

/*個別設定*/
@media screen and (max-width: 480px) {

  /*共通設定*/
  #order_guide .guide_section {
    margin-top: 45px;
  }

  #order_guide .order_guide h2.sysHeadline {
    margin: 40px 0 10px;
    font-size: 12px;
    line-height: 25px;
    background: none;
    letter-spacing: 1px;
    text-align: left;
  }

  #order_guide .order_guide h2.sysHeadline:after {
    width: 30px;
    height: 30px;
    line-height: 30px;
    left: 0;
    margin: auto;
    top: -13px;
    font-size: 14px;
    text-indent: 0px;
  }

  #order_guide .order_guide h2.sysHeadline span {
    top: -10px;
    left: 40px;
    right: 0;
    margin: auto;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 16px;
    background: #fff;
  }

  #order_guide .guide_section p {
    padding-left: 0px;
    margin-bottom: 15px;
  }

  #order_guide .guide_section p span {
    display: inline;
  }

  #order_guide .guide_conmplete {
    margin: 0px auto 20px;
    text-align: center;
    max-width: 300px;
  }
}

@media screen and (max-width: 320px) {
  #order_guide .order_guide h2.sysHeadline span {
    font-size: 14px;
  }
}

/*########## 下層ページ用シンプルページレイアウト ここまで ##########*/
/*!
* _category_list.scss
*/
/* 4-1-2 Pankuzu List*/
.sysItemListDisp .sysItemListViewType {
  display: none;
}

/* パンくずリスト */
.sysCategoryPankuzu,
.sysItemCategoryPankuzu {
  font-size: small;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a {
  padding: 2px 5px;
  text-decoration: underline;
}

.sysCategoryPankuzu a:hover,
.sysItemCategoryPankuzu a:hover {
  text-decoration: none;
}

/* 4-1-3 Category View Mode */
input[type="radio"] {
  -webkit-appearance: radio;
  display: inline-block;
  vertical-align: baseline;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border: 1px solid #d4d4d4;
  cursor: pointer;
  border-radius: 100%;
}

input[type="radio"]:checked {
  background: #fff;
}

.sysItemCategoryCtl {
  font-size: small;
}

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

.sysItemCategoryCtl .sysCurrent {
  color: #fff;
  background-color: #0066dd;
}

/* 4-1-6  Archive List Item */
.sysItemList ul.sysList li .sysThumbnailImage {
  width: 40%;
  max-width: 200px;
}

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

.sysItemList ul.sysThumbnail li {
  display: inline-block;
  width: 25%;
  padding: 5px 5px;
  margin-bottom: 20px;
  float: none;
  vertical-align: top;
  letter-spacing: normal;
}

.sysItemList ul.sysThumbnail li .sysThumbnailImage {
  text-align: center;
}

.sysItemList ul.sysThumbnail li img {
  width: auto;
  max-height: 250px;
}

.sysItemList ul.sysThumbnail li .sysItemName {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.4em;
  padding-top: 3px;
}

.sysItemList ul.sysThumbnail li .sysItemName a {
  display: inline-table;
}

.sysItemList ul.sysThumbnail li .sysRetailPrice {
  font-size: 115%;
  font-weight: bold;
  color: #DA4636;
}

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

.sysItemList ul select[name=variation] {
  appearance: menulist;
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  background-color: #efefef;
  border: 1px solid #ccc;
  padding: 3px 0;
  height: 30px;
  margin: 10px 0;
}

.sysPagination a.sysCurrent {
  color: #fff;
  background-color: #0066dd;
}

.sysPagination a.sysCurrent:hover {
  color: #0066dd;
  border-color: #0066dd;
  background-color: #fff;
}

/*********************************
カテゴリーページ
*********************************/
#sysItemCategory {
  /*カートに入れる*/
  /*カートを見る*/
  /* カート入れた後のふきだし */
}

#sysItemCategory .sysCategoryDescription {
  text-align: center;
}

#sysItemCategory .sysCategoryDescription h1 {
  padding-bottom: 5px;
  border-bottom: 2px solid #0066dd;
  margin: 20px 0;
  text-align: left;
  text-indent: 10px;
  font-size: 18px;
}

#sysItemCategory .sysCartButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  border: 1px solid #ef4425;
  background-color: #ef4425;
  color: #fff;
  cursor: pointer;
}

#sysItemCategory .sysCartButton:hover {
  background: #FFF;
  color: #ef4425;
}

#sysItemCategory .sysGoCartButton {
  margin-top: 5px;
  border-radius: 5px;
  border-color: #4e4e4e;
  background-color: #4e4e4e;
}

#sysItemCategory .sysGoCartButton:hover {
  color: #4e4e4e;
  background-color: #fff;
}

#sysItemCategory .sysCartInDone {
  padding: 8px 8px 10px 8px;
}

#sysItemCategory .sysCartInDone span {
  border: 1px solid #888888;
  box-shadow: 2px 2px 2px #888888;
  border-radius: 3px;
  padding: 8px 0;
  font-size: 14px;
  font-weight: bold;
  display: block;
  text-align: center;
}

#sysItemCategory .sysPagination>ul>li>a {
  text-decoration: none;
  cursor: pointer;
}

#sysItemCategory .sysPagination>ul>li>a:not(.sysCurrent):hover {
  background-color: lightgray;
}

/*** 会員限定 (カテゴリーと商品詳細の2種類ある)***/
#sysItemCategory .cate_member_btn,
#sysItemDetail .cate_member_btn {
  margin-bottom: 40px;
  padding: 10px 10px 20px;
}

#sysItemCategory .cate_member_btn p,
#sysItemDetail .cate_member_btn p {
  margin-bottom: 10px;
  padding-bottom: 5px;
  text-align: center;
}

#sysItemCategory .cate_member_btn p strong,
#sysItemDetail .cate_member_btn p strong {
  font-size: 22px;
  letter-spacing: 1px;
}

#sysItemCategory .cate_member_btn ul,
#sysItemDetail .cate_member_btn ul {
  overflow: hidden;
}

#sysItemCategory .cate_member_btn ul li,
#sysItemDetail .cate_member_btn ul li {
  float: left;
  text-align: center;
  width: 50%;
}

#sysItemCategory .cate_member_btn ul li a,
#sysItemDetail .cate_member_btn ul li a {
  display: block;
  max-width: 300px;
  padding: 10px;
  border: 1px solid #0066dd;
  margin: 10px auto 0;
  background-color: #0066dd;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

#sysItemCategory .cate_member_btn ul li a:hover,
#sysItemDetail .cate_member_btn ul li a:hover {
  background-color: #fff;
  color: #0066dd;
}

#sysItemCategory .sysYamiForm,
#sysItemDetail .sysYamiForm {
  display: none;
}

/*##### カテゴリー一覧　ここまで #####*/
/*!
* _search_result.scss
*/
/***********************************
検索ページ
***********************************/
#sysItemSearch {
  /*カートに入れる*/
  /*カートを見る*/
  /* カート入れた後のふきだし */
}

#sysItemSearch div#sysMain {
  max-width: 1200px;
  margin: 20px auto 40px;
}

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

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

#sysItemSearch #sysMain .sysItemSearchForm {
  max-width: 780px;
  font-size: 12px;
  padding: 20px;
  margin: 0 auto 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: #0066dd;
  color: #fff;
  font-size: 120%;
  cursor: pointer;
  border-radius: 3px;
}

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

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

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

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

#sysItemSearch #sysMain .sysItemSearchFormLimit select[name=limit] {
  appearance: menulist;
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  padding: 3px 0;
  height: 30px;
  margin: 10px 0;
}

#sysItemSearch #sysMain select {
  background-color: #fff;
}

#sysItemSearch .sysCartButton {
  border: none;
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
  border: 1px solid #ef4425;
  background-color: #ef4425;
  color: #fff;
  cursor: pointer;
}

#sysItemSearch .sysCartButton:hover {
  background: #FFF;
  color: #ef4425;
}

#sysItemSearch .sysGoCartButton {
  margin-top: 5px;
  border-radius: 5px;
  border-color: #4e4e4e;
  background-color: #4e4e4e;
}

#sysItemSearch .sysGoCartButton:hover {
  color: #4e4e4e;
  background-color: #fff;
}

#sysItemSearch .sysCartInDone {
  padding: 8px 8px 10px 8px;
}

#sysItemSearch .sysCartInDone span {
  border: 1px solid #888888;
  box-shadow: 2px 2px 2px #888888;
  border-radius: 3px;
  padding: 8px 0;
  font-size: 14px;
  font-weight: bold;
  display: block;
  text-align: center;
}

#sysItemSearch .sysPagination>ul>li>a {
  text-decoration: none;
  cursor: pointer;
}

#sysItemSearch .sysPagination>ul>li>a:not(.sysCurrent):hover {
  background-color: lightgray;
}

/*中部バナー追加分用*/
/*########## トップページ中部(sysMiddle)のレイアウト調整 ##########*/
#sysMiddle {
  margin: 0 auto;
  /* background-image: url(/img/layout/bg/middle_bg.jpg); */
  background-size: 1600px;
  background-position: top center;
  background-repeat: repeat-x;
}

#sysMiddle .middle_bn2 {
  max-width: 1200px;
  margin: 30px auto 0;
  position: relative;
  z-index: 50;
}

#sysMiddle .middle_bn2 ul:after {
  display: block;
  content: "";
  clear: both;
}

#sysMiddle .middle_bn2 li {
  width: 580px;
  float: left;
  margin-right: 40px;
}

#sysMiddle .middle_bn2 li:last-child {
  margin-right: 0;
}

/*中部バナー3追加分用*/
/*########## トップページ中部(sysMiddle)のレイアウト調整 ##########*/
#sysMiddle {
  margin: 0 auto;
  background-size: 1600px;
  background-position: top center;
  background-repeat: repeat-x;
}

#sysMiddle .middle_bn3 {
  max-width: 1200px;
  margin: 30px auto 0;
  position: relative;
  z-index: 50;
}

#sysMiddle .middle_bn3 ul:after {
  display: block;
  content: "";
  clear: both;
}

#sysMiddle .middle_bn3 li {
  width: 100%;
  float: left;
  margin-right: 40px;
}

#sysMiddle .middle_bn3 li:last-child {
  margin-right: 0;
}

/*PRアイコン*/
.LP_recommend, .PR_urikire, .PR_santyoku, .PR_gentei, .PR_siteihuka, .PR_reitou, .PR_reizou, .PR_jouon, .PR_kikangentei, .PR_sale, .PR_persons1-2, .PR_persons3-4, .PR_persons5, .PR_gift, .PR_nosihuka {
  display: inline-block;
  padding: 2px 4px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  border-radius: 5px;
  margin-bottom: 2px;
}

.LP_recommend {
  background-color: #ff7fc3;
}

.PR_urikire {
  padding: 0 3px;
  color: #000;
  background-color: #ffffff;
  border: 2px solid #b7200c;
}

.PR_santyoku {
  background-color: #f46004;
}

.PR_osusume {
  background-color: #ed6868;
}

.PR_gentei {
  background-color: #3d990f;
}

.PR_siteihuka {
  background-color: #897614;
}

.PR_reitou {
  background-color: #777777;
}

.PR_reizou {
  background-color: #1B95E0;
}

.PR_jouon {
  background-color: #e29816;
}

.PR_kikangentei {
  background-color: #343331;
}

.PR_sale {
  background-color: #c10000;
}

.PR_nosihuka {
  background-color: #343331;
}

.PR_persons1-2, .PR_persons3-4, .PR_persons5 {
  padding: 0 3px;
  color: #343331;
  background-color: #ffffff;
  border: 2px solid #343331;
}

.PR_gift, .LP_sake, .LP_kani, .LP_hotate, .LP_ikura, .LP_ebi, .LP_himono, .LP_kaki, .LP_sonota, .LP_sonota2, .LP_family, .LP_friend, .LP_business, .LP_1-2mei, .LP_3-4mei, .LP_5mei, .LP_bbq {
  display: none;
}

/*180202追加売り切れボタン*/
.sysSoldOutButton {
  width: 98%;
  overflow: hidden;
  text-align: center;
  border: none;
  background-color: #666666;
  color: white;
  margin: 5px 0;
  margin-top: 3%;
  margin-bottom: 3%;
  padding: 15px;
  cursor: pointer;
  border-radius: 5px;
  background-position: right 10px center;
  margin-left: 2%;
  pointer-events: none;
}

.sysErrorMessage {
  color: #a80000;
  padding: 0.3em 0.5em;
  font-weight: bold;
}

.sysSelectPayment li label,
.sysSelectDelivery li label,
.sysRemarks label,
.sysSelectOption li label {
  display: block;
  padding: 0.5em 0;
  background-color: #fffde2;
}

input[type="radio"] {
  vertical-align: -0.3em;
}

.confirmmessages {
  background: #fffde2;
  padding: 0.3em 0.5em;
  font-weight: bold;
}

.sysCancel {
  display: inline-block;
  padding: 0 3px;
  color: #ffffff;
  font-weight: bold;
  background-color: #c10000;
}

.sysCart #sysMain input[name="action_front_cart_edit_deliveriesInput"] {
  background: #007700;
}

.sysCart #sysMain input[class="sysButton sysBackSubmitArea"] {
  background: #666666 url(https://www.gyoren.net/img/icon/arrow-alt-circle-left-regular-w.png) no-repeat left 10px center;
}

.sysCart #sysMain input[class="sysButton sysDeleteArea"] {
  background: #666666;
}

.mdl-textfield__input {
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
}

.mdl-textfield__label {
  font-weight: 800;
  font-size: 13px;
  color: #808080;
}

.mdl-dialog__content {
  font-weight: 800;
}

.mdl_parts_selectBox {
  font-weight: 800;
}



/*20190717クレカ情報入力画面変更用に*/
.mdl-textfield {
  padding: 50px 0;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  top: 24px;
}

/*クレカ入力画面入力部分背景色*/
input#wc_card_owner_input,
input#wc_card_sec_code_input,
input#wc_card_no_input {
  background-color: #fffde2 !important;
}

/*20200114amazonログアウト*/
#AmazonLogout {
  padding: 0.2em 0.5em 0.15em 0.5em;
  margin: 1em 0.3em 0 0;
  font-size: 0.9em;
  font-weight: 800;
  color: #000000;
  background: #f3cc6e;
  border-radius: 5px;
  text-align: center;
}


/*20200206フッターテスト用*/
#sysFooter .footer-test {
  padding-top: 60px;
  background: url(/img/layout/bg/foot_bg.jpg);
  background-size: 1600px;
  background-position: center bottom;
  background-repeat: repeat-x;
}

#sysFooter .new-footer {
  padding-top: 60px;
  background: url(/img/layout/bg/foot_bg_b.webp);
  background-size: 1600px;
  background-position: center bottom;
  background-repeat: repeat-x;
}

/*20200207フッターテスト用*/
.foot_parts {
  margin-bottom: 0px;
}

/*20200407サイド「その他情報」用*/
#sysAside .side_other_recipe li {
  width: 96% !important;
  margin: 0 2%;
  position: relative;
  height: 35px;
  line-height: 35px;
  font-weight: 700;
  font-size: 12px;
  border-bottom: 1px dotted #000;
}

#sysAside .side_other_recipe li:after {
  display: inline-block;
  content: url(/img/layout/side/category_caret.png);
  position: absolute;
  right: -2%;
  top: 2px;
}

/*20200414マイページ投稿済みレビュー用*/
ul.sysMyReviewList {
  font-size: 15px;
}

ul.sysMyReviewList .sysReview {
  margin-bottom: 30px;
}

ul.sysMyReviewList .sysReview br {
  display: block;
}

ul.sysMyReviewList .sysItemName {
  font-size: 16px;
  font-weight: 700;
}

/*20200414マイページポイント確認用*/
body#sysMypagePoint .sysMyPoint {
  font-size: 16px;
  margin-bottom: 30px;
}

#sysMain>div.sysMyPoint>div:nth-child(1) {
  font-size: 18px;
  font-weight: 700;
}

/*20200414マイページナビボタン用*/
#sysMypagePoint input {
  font-size: 17px;
  border: none;
  margin: 5px 0;
}

/*20200618領収書印刷ボタン用*/
.sysEditReceipt .sysButton {
  width: auto;
  padding: 10px 20px;
  margin-top: 10px;
}

/*20200629領収書社印*/
.sysPrintReceipt {
  background: url(https://www.gyoren.net/img/gyoren-syain.png) !important;
  background-repeat: no-repeat !important;
  background-size: 70px 70px !important;
  background-position: 100% 25% !important;
  -webkit-print-color-adjust: exact;
}

/*領収書（IE用位置調整）*/
.sysPrintReceiptAddress {
  float: left;
  font-size: 150%;
  padding-left: 10px;
  width: 50%;
  height: 90px;
}

.sysPrintReceiptInfo1 {
  float: left;
  padding-left: 50px;
  width: 50%;
  height: 90px;
}

.sysPrintReceiptSeller {
  float: left;
  font-size: 120%;
  padding-left: 50px;
  width: 50%;
  height: 180px;
}

.sysPrintReceiptInfo2 {
  clear: both;
  float: left;
  padding-left: 10px;
  width: 50%;
  height: 180px;
}

.sysPrintReceiptTitle {
  margin-bottom: -15px;
}


/*20200722amazon決済画面*/
div#OffAmazonPaymentsWidgets3 {
  width: 100% !important;
}

div#OffAmazonPaymentsWidgets2 {
  width: 100% !important;
}

.amapay-cc {
  padding: 0 0;
  font-size: 0.9em;
  font-weight: 400;
  text-align: left;
  line-height: 1.4;
}

/*会員登録画面*/
#sysMemberRegisterIndex #sysMain>form {
  padding: 0;
}

/*会員登録FAX・生年月日部分*/
.sysFormItem.sysFax,
.sysFormItem.sysBirthday {
  display: none;
}

/*会員登録画面エラーメッセージ*/
#sysMemberRegisterIndex .sysErrorMessage {
  color: #da4636;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 0;
  padding: 0;
}

#sysMemberRegisterIndex .sysErrorMessage:before {
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  content: '\f071';
  font-display: swap;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  margin-right: 3px;
}

#sysMemberRegisterIndex #sysMain>form {
  padding: 0;
}

/*会員登録画面 件名*/
.sysMemberRegister .sysForm label:first-child,
.sysFormItem .sysFormLabel {
  border-left: none;
  padding-left: 0;
  /*line-height: 25px;*/
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 0;
  margin-top: 10px;
  color: #313334;
}

/*会員登録画面 入力欄*/
#sysMemberRegisterIndex #sysMain input {
  padding: 10px 10px;
  line-height: 2;
  border: 1px solid #a9a9a9;
  border-radius: 3px;
  font-size: 15px;
  margin-right: 8px;
}
#sysMemberRegisterIndex input[type=checkbox] {
  transform: scale(1.5);
}

/*会員登録画面 住所検索btn*/
#sysMemberRegisterIndex .sysZipcode button.sysButton.btn {
  height: 44px;
  border-radius: 5px;
  color: #000;
  border: 1px solid #999;
  background: #e7e9ec;
  display: inline-block;
  padding: 10px;
  width: auto;
}

/*会員登録画面 住所検索*/
.sysMemberRegister .sysPrefStateId select {
  width: 150px;
  height: 50px;
  height: 35px;
  border-radius: 3px;
  background-color: #fff;
  font-size: 15px;
  color: #313334;
}

/*会員登録画面 登録内容を確認する*/
#sysMemberRegisterIndex #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit {
  width: 100%;
  height: 45px;
  padding: 0;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-shadow: none;
  border-radius: 5px;
  background: #da4636 url(https://www.gyoren.net/img/icon/arrow-right-w.png) no-repeat right 10px center;
  border: none;
  letter-spacing: 0.2em;
}

/*会員登録画面 戻る*/
#sysMemberRegisterIndex #sysMain>form>input[type=submit][name=submit].sysButton {
  display: block;
  padding: 10px;
  width: auto;
  min-width: 11em;
  height: 45px;
  font-size: inherit;
  font-weight: bold;
  color: #000;
  background: #BDBEBE url(https://www.gyoren.net/img/icon/arrow-left-b.png) no-repeat left 10px center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 40px;
  border: 0px;
}

/*サイドメニューシーンカテゴリ削除用*/
.sysFuncItemCategory.side-scene.side_parts {
  display: none;
}

/*ランキング*/
.sysContent .sysIconRank img {
  width: 45px;
  height: 35px;
  margin-bottom: 3px;
}

/*購入前会員登録*/
.sysMemberRegister input.sysNextSubmit {
  width: 200px;
  height: 45px;
  padding: 0;
  margin: 0 auto;
  margin-top: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 17px;
  text-shadow: none;
  border-radius: 5px;
  background: #da4636 url(https://www.gyoren.net/img/icon/arrow-right-w.png) no-repeat right 10px center;
  border: none;
  letter-spacing: 0.2em;
}

.sysMemberRegister .contInner .cont p {
  font-size: 18px;
}

/*TOPランキングPR表示*/
#sysMiddle .middle_ranking li .sysItemPrArea {
  text-align: left;
}

#sysMiddle .middle_ranking .sysItemImage {
  height: inherit;
}

/*TOPおすすめPR表示*/
#sysMiddle .middle_recommend li .sysItemName {
  padding-bottom: 0;
}

/*20201126メルマガ部分*/
.sysFormItem.sysAcceptMailmagazine>label {
  font-size: 0 !important;
}

.sysFormItem.sysAcceptMailmagazine>label:before {
  font-size: 14px;
  content: 'メールマガジン配信';
}

.sysFormItem.sysAcceptMailmagazine>div>label {
  font-size: 0 !important;
}

.sysFormItem.sysAcceptMailmagazine>div>label:after {
  font-size: 15px;
  content: '受信する';
  vertical-align: bottom;
}

.sysFormItem.sysAcceptMailmagazine>div>label>input[type=checkbox] {
  width: 15px;
  height: 15px;
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  margin-left: 5px !important;
}

/*20201202商品ページカテゴリランキング*/
.sysItemSuggestedPrice {
  text-align: left;
}

.sysReviewImproperForm {
  display: none;
}

/*20210428商品ページ「個別送料0円」非表示*/
#item_detail_wrap .item_order_area .orderArea .sysShippingCost {
  display: none !important;
}

/*商品ページ再入荷通知を受け取るボタン*/
#item_detail_wrap .sysBlock.restock_block {
  text-align: right;
}

#item_detail_wrap #order_area_01>div.sysBlock.orderArea>div.sysBlock.restock_block>div>form>input.sysNextSubmit {
  display: inline-block;
  margin-top: 5px;
  width: 180px;
  height: 30px;
  background: #c10000;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
  line-height: 30px;
  position: relative;
  font-size: 12px;
  font-weight: 700;
  padding: 0;
}

#item_detail_wrap .sysBlock.restock_block::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -19px;
  margin-left: -18px;
}

.sysSuggestedRetailPrice {
  font-weight: 700;
  color: #DA4636;
}

/*共通ヘッダー部分*/
.h_upper,
.h_middle {
  margin-bottom: 0;
}

#sysHeader .h_search {
  margin: 0 auto 10px auto;
}

/*商品ページ簡易商品説明部分用*/
.l-summary__table {
  border-collapse: collapse;
  border: solid 2px #bebebe;
  font-size: 14px;
  width: 100%;
}

.l-summary__table th {
  border: solid 1px #bebebe;
  background: #f5f5f5;
  width: 160px;
  padding: 5px;
  text-align: left;
  font-weight: 400;
}

.l-summary__table td {
  border: solid 1px #bebebe;
  padding: 5px;
}

.pc_br {
  display: block;
}

.sp-br {
  display: none;
}

.l-summary__table .set_item_link a {
  color: #0066dd;
  font-weight: 800;
  border-bottom: 1px solid #0066dd;
  line-height: 1.8em;
  margin-right: 5px;
}

.l-summary__table .set_item_link a:after, .lp-btn:after {
  font-family: "Font Awesome 5 Free";
  content: '\f101';
  font-weight: 900;
  margin-left: 5px;
}

.itemCategoryGroup3 {
  display: none;
}

/*商品ブロックに通常価格表記*/
.sysItemSuggestedPrice s:before {
  content: "通常価格：";
}

.sysItemSuggestedPrice s {
  color: #DA4636;
}

/*マイページ用*/
.sysOrderHistory .sysOrders {
  border: 1px solid #888;
  margin-bottom: 10px;
  padding: 10px;
  background: #ffffff;
}

#sysMypageEditDelivery .sysSelectAddress {
  background: none;
  margin: 15px 0;
  border: 1px solid #d4d4d4;
  padding: 5px;
}

div#sysMypageOrderHistoryDetail input.sysBackButton {
  color: #000;
  background: #bebebe !important;
  font-weight: bold;
  border: none !important;
  border-radius: 5px;
  height: 45px;
  width: 150px;
}

input#sysOnload {
  box-sizing: border-box;
  width: 49%;
  height: 50px;
  margin-top: 10px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #0066dd;
}

.modaal-container {
  max-width: 480px !important;
  text-align: center !important;
}

.sysWishlistCloseBottomButton {
  background: #666666 !important;
}

.sysWishlistMessageGroup div .massage {
  font-size: 16px;
}

.sysWishlistMessageGroup .sysWishlistMessage {
  padding-bottom: 0;
}

#item_detail_wrap .item_order_area .orderArea .sysRetailPrice span.sysRetailPriceValue .taxin {
    font-size: 0.9em;
}

/*--20240607--*/
.sysMypage .sysNextSubmit {
    font-weight: 800;
    width: 100%;
    max-width: 400px;
    border-radius: 5px;
    height: 45px;
    line-height: 45px;
    background-color: #0066dd;
    color: #ffffff;
    border: none;
    letter-spacing: 0.05em;
}

input.sysButton.sysBackButton {
    display: inline-block;
    width: auto;
    min-width: 11em;
    height: 45px;
    font-weight: bold;
    color: #000;
    background: #BDBEBE url(https://www.gyoren.net/img/icon/arrow-left-b.png) no-repeat left 10px center;
}

  #sysMypageEditMember .sysFormItem.sysMemberPassword h4, .sysMemberPasswordDescription {
    font-size: 0px;
  }

  .sysMemberPasswordDescription:before {
    content: '※【パスワードを変更しない場合】パスワード欄はすべて空欄にしてから更新してください';
    font-size: 16px;
    font-weight: bold;
    color: #c10000;
  }

  .sysItemList ul.sysList li {
    padding: 20px 5px;
  }

  .sysItemList ul.sysList li .sysThumbnailImage {
    margin-right: 10px;
  }
/*--20240607--*/

/*--20240617--*/
  #sysMypageEditConfirm .sysNextSubmit {
    line-height: initial;
  }

  #sysMypageEditConfirm #sysMain>form .sysForm input[type=submit][name=submit].sysButton.sysBackButton {
    display: inline-block;
    width: auto;
    min-width: 11em;
    height: 45px;
    font-weight: bold;
    color: #000;
    background: #BDBEBE url(https://www.gyoren.net/img/icon/arrow-left-b.png) no-repeat left 10px center;
    line-height: initial;
    border: initial;
  }

  #sysMypageEditConfirm #sysMain .sysFormField {
    background-color: #fffde2;
    border: 1px solid #ccc;
    line-height: 2;
    padding: 10px;
    font-size: 14px;
    border-radius: 3px;
    margin: 5px auto;
    min-height: 20px;
  }

  #sysMypageEditConfirm #sysMain .sysMemberPassword .sysFormField, #sysMypageEditConfirm #sysMain .sysAcceptMailMagazine .sysFormField {
    background-color: unset;
    border: none;
  }

  #sysMypageEditConfirm #sysMain .sysZipcode .sysFormField {
    display: block;
  }


/*--20241115購入画面ログインページ--*/
#sysRegisterForm>.sysBox {
    border: none;
    margin: 0 auto 0;
}

#sysPurchaseAuthCustomer>.sysBox {
    border: none;
    margin: 1em auto 0em;
}

#sysRegi #sysPurchaseAuthCustomer h2.sysCartTitle, #sysRegi #sysPurchaseAuthCustomer .sysBox p {
  display: none;
}

#sysRegi #sysRegisterForm .sysBox p {
  font-size: 14px;
  color: #c10000;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  font-feature-settings: "palt";
}

#sysRegi #sysRegisterForm .sysNextSubmitArea {
  margin-bottom: 0;
}

#sysRegisterForm .sysCartTitle {
  font-size:0;
}

#sysRegisterForm .sysCartTitle:before {
  font-size: 18px;
  font-weight: 800;
  color: #343331;
  content:"ご購入方法の選択";
  letter-spacing: 0.05em;
}

#sysPurchaseAuthCustomer .sysNextSubmitArea .sysNextSubmit {
    background: #ffffff url(https://www.gyoren.net/img/icon/arrow-right-b.png) no-repeat right 10px center !important;
    border: 1px solid #343331 !important;
    color: #343331 !important;
    line-height: 45px;
}


/* ----------お中元バンド : ::before で表示---------- */
.sysItemImage > a{
  position: relative;   /* なければ追加 */
  display:block;        /* 幅100% で画像を覆う想定 */
}

/* 右下に配置 */
.sysItemImage > a.is-ochugen::before{
  content:'';
  position:absolute;
  right: 0;
  bottom: 0;
  width: 5px;
  height: 5px;
  max-width: 183px;
  max-height: 66px;
  background:url(https://www.gyoren.net/img/lp/ochugen/2025/ochugen_band.png)
             no-repeat center/contain;
  pointer-events:none;
  z-index:80;
}

/* 商品一覧画面と商品詳細ページにも追加 */
.sysThumbnailImage,
.sysThumbnailImage > a{
  position: relative;
  display: block;
}

/* ---------- 共通バンド（右下・既存画像） ---------- */
.sysItemImage    > a.is-ochugen::before,
.sysItemImage.is-ochugen::before,
.sysThumbnailImage    > a.is-ochugen::before,
.sysThumbnailImage.is-ochugen::before{
  content:'';
  position:absolute;
  right: 0;
  bottom: 0;
  width: 38%;
  height: 18.85%;
  max-width: 183px;
  max-height: 66px;
  background:url(https://www.gyoren.net/img/lp/ochugen/2025/ochugen_band.png)
             no-repeat center/contain;
  pointer-events:none;
  z-index:3;
}
/* ---ここまで---お中元バンド : ::before で表示---------- */
.PR_ochugen{
  display: inline-block;
  padding: 2px 4px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  border-radius: 5px;
  margin-bottom: 2px;
  background: #AD0056;
}
@media screen and (max-width:660px){
@charset "UTF-8";

/* 基本設定
 *----------------------------------------------------------------------*/
#sysItemDetail .sysDisplayMobileNone {
  display: none;
}

body {
  color: #000;
  font-size: 1.3rem;
  /*13px*/
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  line-height: 1.6 !important;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sp_only {
  display: block;
}

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

#sysWrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

#sysWrap::after {
  content: "";
  clear: both;
  display: block;
}

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

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

#sysAside {
  display: none;
}

h2.sysHeadline {
  font-size: 20px;
  letter-spacing: 0.1em;
}

h2.sysHeadline .ttl {
  position: relative;
}

h2.sysHeadline .ttl:before {
  left: -35px;
  top: -15px;
}

h2.sysHeadline .ttl:after {
  right: -35px;
  top: -15px;
}

h3.sysHeadline {
  text-align: center;
  border-bottom: 2px solid #357cbc !important;
  font-size: 16px;
  padding: 5px 0 2px !important;
  letter-spacing: 0.1em;
}

#top #sysLayout {
  background: none;
  height: auto;
}

#top .contInner {
  margin: 25px auto;
}

/*共通レイアウト設定(ヘッダー)*/
#header_wrap {
  width: 100%;
  display: inline-block;
}

#sysHeader {
  width: 100%;
  background-size: 100vw;
}

#sysHeader .header_h1 {
  float: none;
  margin-bottom: 0;
  background: none;
  color: #343331;
  padding-bottom: 0;
}

#sysHeader .header_h1 span {
  display: block;
}

#sysHeader .siteh1 {
  color: #343331;
  font-weight: bold;
  text-align: left;
  font-size: 11px;
  height: 35px;
  line-height: 1.3em;
  position: absolute;
  top: 10px;
  left: 120px;
  text-align: left;
  margin-top: 0;
  border-bottom: none;
}

#sysHeader .siteh1 span {
  display: block;
}

#sysHeader .g_navi li {
  float: left;
  width: 120px;
  height: 35px;
  line-height: 35px;
  text-align: center;
}

#sysHeader .g_navi li a {
  display: block;
  background: #0066dd;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-weight: 700;
  border-radius: 0 0 5px 5px / 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
}

#sysHeader .h_logo .h_message {
  max-width: 250px;
  text-align: center;
  margin: 0 auto;
  line-height: 1;
}

#sysHeader .h_navigation {
  float: none;
  margin-bottom: 0 !important;
}

#sysHeader #headNavigation ul {
  height: 40px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-image: url(https://www.gyoren.net/img/layout/bg/washi-pattern-background2020.jpg);
  background-repeat: repeat;
}

#sysHeader #headNavigation .toggleNav ul {
  border: none;
}

#sysHeader #headNavigation li.tab {
  float: left;
  width: 33%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-right: 1px solid #ccc;
}

#sysHeader #headNavigation li #sp_itemlist {
  position: relative;
  display: block;
}

#sysHeader #headNavigation li #sp_itemlist:after {
  display: block;
  position: absolute;
  content: "";
  background-image: url(https://www.gyoren.net/img/layout/header/sph_caret-2.png);
  width: 20px;
  height: 20px;
  background-size: 12px;
  background-position: center center;
  top: 11px;
  right: 10%;
}

#sysHeader #headNavigation li.tab {
  display: none;
}

#sysHeader #headNavigation li.tab:last-child {
  border: 0;
}

#sysHeader #headNavigation li.sp_menu {
  display: inline-block !important;
  position: relative;
}

#sysHeader #headNavigation li.tab img {
  display: none;
}

#sysHeader #headNavigation li.tab span {
  font-size: 11px;
  color: #ffffff;
}

#sysHeader #headNavigation li .toggleNav {
  display: none;
  width: 100vw;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 39px;
  left: 0;
  z-index: 200;
  background: white;
}

#sysHeader #headNavigation li .toggleNav li {
  width: 50% !important;
  height: 44px;
  line-height: 44px;
  font-size: 10px;
  font-weight: bold;
  float: left;
  text-align: left;
  padding: 0 10px;
  border-bottom: 1px solid #ccc;
  background-color: #ffffff;
}

#sysHeader #headNavigation li .toggleNav li:nth-child(2n+1) {
  border-right: 1px solid #ccc;
  background-color: #ffffff;
}

#sysHeader .h_cart {
  display: none;
}

#sysHeader .h_trend {
  width: 100%;
  height: 105px;
  background-image: url(https://www.gyoren.net/img/layout/bg/spkeyword_bg.jpg);
  background-size: cover;
  background-color: #0066dd;
  background-position: center center;
}

#sysHeader .h_trend .trend_ttl {
  display: none;
}

#sysHeader .h_trend ul {
  padding: 10px 5px;
}

#sysHeader .h_trend li {
  font-size: 11px;
  line-height: 30px;
  height: 30px;
  margin: 0 0 10px 12px;
  padding: 0;
  font-weight: 700;
  letter-spacing: 0.02em;
}

#sysHeader .h_trend li:after {
  display: none;
}

#sysHeader .h_trend li a {
  display: inline-block;
  color: #000;
  background: #fff;
  border-radius: 3px;
  padding: 0 10px;
  border: 1px solid #aaa;
}

#sysHeader .h_slider .sysContent {
  text-align: center;
  background: #fff;
  height: 70px;
  padding-top: 5px !important;
  margin-bottom: 0;
}

#sysHeader .h_slider .sysContent li {
  width: 20px;
  height: 20px;
  float: none;
  margin-right: 2px;
  border: 0px solid #000;
  background: none;
  position: relative;
  display: inline-block;
  line-height: 20px;
}

#sysHeader .h_slider .sysContent li img, #sysHeader .h_slider .sysContent li .bnr_caption {
  display: none;
}

#sysHeader .h_slider .sysContent li.active {
  border: 0px solid #367cbc;
}

#sysHeader .h_slider .sysContent li:after {
  display: inline-block;
  content: "●";
  font-size: 12px;
  color: #bdbdbd;
  width: 20px;
}

#sysHeader .h_slider .sysContent li.active:after {
  display: inline-block;
  content: "●";
  font-size: 12px;
  color: #0066dd;
  position: static;
  width: 20px;
}

#sysHeader .h_slider .sysContent li:last-child {
  margin-right: 0;
}

#sysHeader #top_slide {
  width: 100vw;
  height: 43vw;
  margin: 0px auto 0px;
  box-sizing: content-box;
  position: relative;
  overflow: hidden;
}

#sysHeader #top_slide #prev_caret {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  left: 3%;
  margin: auto;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url(https://www.gyoren.net/img/layout/header/slider_caret_prev.png);
  background-size: 30px;
  background-position: center center;
  z-index: 100;
}

#sysHeader #top_slide #next_caret {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  bottom: 0;
  right: 3%;
  margin: auto;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url(https://www.gyoren.net/img/layout/header/slider_caret_next.png);
  background-size: 30px;
  background-position: center center;
  z-index: 100;
}

#sysHeader .h_search {
  width: 95% !important;
  height: 35px;
  margin: 5px auto;
  margin-bottom: 6px;
}

#sysHeader .h_search input[name="q"] {
  height: 35px;
  padding: 0 10px !important;
  width: 90% !important;
}

#sysHeader .h_search input.sysSearchButton {
  float: left;
  width: 10%;
  height: 35px;
  background-size: 19px;
}

/*追加テスト(ヘッダー検索窓)*/
/*ヘッダー上部(h_upper)*/
/*ヘッダー中部(h_middle)*/
#top_slide ul {
  width: 700vw;
  left: -100vw;
}

#top_slide li {
  width: 100vw;
  float: left;
}

/*########## トップページ中部(sysMiddle)のレイアウト調整 ##########*/
#sysMiddle {
  width: 95%;
  margin: 0 auto;
  background-size: 100vw;
}

#sysMiddle .middle_bn {
  margin: 0 auto;
}

#sysMiddle .middle_bn li {
  width: 100%;
  float: none;
  margin-right: 0;
  margin-bottom: 15px;
}

#sysMiddle .middle_recommend {
  margin: 30px auto 0;
}

#sysMiddle .middle_recommend li {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 15px;
  height: auto;
  border-radius: 5px;
  overflow: hidden;
  padding: 0;
  text-align: left;
  box-shadow: 1px 3px 5px 1px #eeeeee;
  -moz-box-shadow: 1px 3px 5px 1px #eeeeee;
  -webkit-box-shadow: 1px 3px 5px 1px #eeeeee;
}

#sysMiddle .middle_recommend li:nth-child(2n) {
  margin-right: 0;
}

#sysMiddle .middle_recommend li img {
  height: auto;
}

#sysMiddle .middle_recommend li .sysItemName {
  padding: 10px;
  font-size: 12px;
  line-height: 1.5;
}

#sysMiddle .middle_recommend li .sysItemPrice {
  font-size: 15px;
}

#sysMiddle .middle_recommend li .sysItemSuggestedPrice {
  font-weight: bold;
}

/*中部バナー*/
/*中部おすすめ商品*/
/*売れ筋商品ランキング*/
/*トップカテゴリ*/
.main_category .category_txt {
  width: 100%;
  margin: 10px auto;
  font-size: 12px;
  letter-spacing: 0.1em;
}

.main_category .category_txt p {
  margin-bottom: 20px;
}

.main_category .category_txt p span {
  display: block;
}

.main_category #top_category_list li {
  width: 50%;
  float: left;
  margin: 35px 0 0;
  text-align: center;
}

.main_category #top_category_list li .sanchi {
  width: 120px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: -5px;
  z-index: 10;
}

.main_category #top_category_list li .sanchi:after {
  display: inline-block;
  content: "▼";
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 16px;
  z-index: 10;
}

.main_category #top_category_list li .img_wrap {
  border-radius: 50%;
  width: 170px;
  height: 170px;
  overflow: hidden;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  margin: 0 auto;
}

.main_category #top_category_list li:hover .img_wrap {
  border-radius: 0;
  width: 100%;
}

.main_category #top_category_list li .img_wrap img {
  min-height: 170px;
}

/*トップアサイド*/
#sysAside .side_members {
  margin-bottom: 30px;
}

#sysAside .side-category li {
  width: 96% !important;
  margin: 0 2%;
  position: relative;
  height: 40px;
  line-height: 40px;
  font-weight: 700;
  font-size: 12px;
  border-bottom: 1px dotted #000;
}

#sysAside .side-category li:after {
  display: inline-block;
  content: url(https://www.gyoren.net/img/layout/side/category_caret.png);
  position: absolute;
  right: -2%;
  top: 2px;
}

#sysAside .side-category ul li.sysText a {
  padding: 0 !important;
}

/*トップフッター*/

#sysFooter .sub_footer {
  padding-top: 0px !important;
  min-height: auto !important;
  background-image: none !important;
}

#sysFooter .f_check {
  max-width: 1200px;
  margin: 0 auto;
}

#sysFooter .f_check ul {
  width: 96%;
  margin: 20px 2% 10px;
}

#sysFooter .f_check li {
  width: 32%;
  padding: 0 3px;
  margin-right: auto;
  text-align: left;
}

#sysFooter .f_check li:nth-child(3) {
  margin-right: 0;
}

#sysFooter .f_check li:nth-child(4), #sysFooter .f_check li:nth-child(5), #sysFooter .f_check li:last-child {
  display: none;
}

#sysFooter .f_check li img {
  box-shadow: 1px 3px 5px 1px #eeeeee;
  -moz-box-shadow: 1px 3px 5px 1px #eeeeee;
  -webkit-box-shadow: 1px 3px 5px 1px #eeeeee;
}

#sysFooter .f_check .sysItemName {
  font-size: 10px;
  line-height: 1.5;
  margin-top: 5px;
}

#sysFooter .f_check .sysItemPrice {
  font-weight: bold;
  font-size: 10px;
}

#sysFooter .f_check .sysItemImage {
  height: 21vw;
}

#sysFooter .f_banner {
  margin: 30px auto 0;
}

#sysFooter .f_banner ul {
  width: 96%;
  margin: 0 2%;
}

#sysFooter .f_banner li {
  width: 100%;
  float: none;
  margin-right: 0px;
  margin-bottom: 10px;
}

#sysFooter .f_banner li:last-child {
  margin: 0;
}

#sysFooter .footer {
  padding-top: 0px;
  background: none;
}

#sysFooter .footer .guide_area {
  max-width: 1200px;
  margin: 0 auto;
  background-image: url(https://www.gyoren.net/img/layout/bg/spf_bg.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100vw;
  padding-bottom: 30px;
}

#sysFooter .guide_area .logo {
  max-width: 140px;
  float: none;
  text-align: center;
  height: 90px;
  margin: 0 auto;
}

#sysFooter .guide_area .logo a {
  max-width: 140px;
  height: 20px;
}

#sysFooter .f_navigation {
  width: 100%;
  height: auto;
  background: url(https://www.gyoren.net/img/layout/bg/spfnav_bg.jpg);
  background-size: cover;
  margin-top: 0px;
  padding-top: 0px;
  font-weight: bold;
  text-align: center;
}

#sysFooter .f_navigation .f_nav_inner {
  max-width: 1200px;
  margin: 0 auto;
}

#sysFooter .f_navigation .f_nav_inner li {
  display: block;
  width: 50%;
  float: left;
  font-size: 10px;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
  position: relative;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #cccccc;
}

#sysFooter .f_navigation .f_nav_inner li:nth-child(2n) {
  border-right: 1px solid #ccc;
}

#sysFooter .f_navigation .f_nav_inner li:first-child {
  width: 100%;
}

#sysFooter .f_navigation .f_nav_inner li:after {
  display: none;
}

#sysFooter .f_copyright {
  height: auto;
  line-height: 1.5;
  padding: 10px 0;
  text-align: center;
  border-bottom: 0px;

  font-size: 10px;
}

#sysFooter .f_copyright span {
  display: block;
}

#sysFooter #f_spnav {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 55px;
  background: #0066dd;
  padding-top: 7px;
  z-index: 250;
}

#sysFooter #f_spnav li {
  float: left;
  width: 20%;
  text-align: center;
  position: relative;
}

#sysFooter #f_spnav li a img.login {
  display: none;
}

#sysFooter #f_spnav li a:hover img {
  opacity: 1;
}

#sysFooter #f_spnav li #itemCount2 {
  position: absolute;
  top: 0;
  right: 0;
  left: 28px;
  bottom: 10px;
  margin: auto;
  width: 18px;
  height: 18px;
  text-align: center;
  display: none;
  color: #0066dd;
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
  line-height: 18px;
  font-size: 10px;
  background: #fff;
  text-indent: 1px;
}

#sysFooter #f_spnav li:after {
  display: inline-block;
  content: "";
  width: 1px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0;
  background: #ccc;
}

#sysFooter #f_spnav li:last-child:after {
  display: none;
}

#sysFooter #f_spnav li a {
  max-width: 55px;
  display: inline-block;
  text-align: center;
}

#sysFooter #f_spnav li:first-child {
  background-image: url(https://www.gyoren.net/img/layout/footer/sp_nav01.png);
  background-size: 55px auto;
  background-position: center center;
  height: 36px;
}

#sysFooter #f_spnav li.closeBtn {
  background-image: url(https://www.gyoren.net/img/layout/footer/sp_nav00.png) !important;
}

#sysFooter #foot_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: white;
  z-index: 1;
  display: none;
}

#sysFooter #sp_footmenu {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 100vh;
  left: 0;
  background: #fff;
  z-index: 200;
  overflow: scroll;
}

#sysFooter #sp_menu_wrap {
  padding: 30px 20px 100px;
  height: auto;
  overflow: scroll;
}

#sysFooter #sp_menu_wrap li {
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px dotted #ccc;
}

#sysFooter #sp_menu_wrap li a {
  padding: 0;
}

#sysFooter .new-footer {
  padding-top: 0;
}

/*ページトップ*/
/*!
 * _item_detail.scss
 */
/***********************************
 	商品詳細ページ
 ***********************************/
/*
■ 基本構造
body#sysItemDetail
*/
#sysItemDetail #sysLayout {
  margin-top: 5px;
}

/*
■ パンくずリスト
※カテゴリー一覧と共通class名なので注意
*/
/*recus original*/
#item_detail_wrap {
  padding: 0 2%;
}

#item_detail_wrap .sysItemName.sysDisplayPcNone h1 {
  margin-bottom: 10px;
  color: #000;
  font-size: 1.8rem;
  font-size: 16px;
  text-align: left;
}

#item_detail_wrap .sysCategoryPankuzu {
  font-size: 12px;
}

#item_detail_wrap .item_order_area .sysItemImages, #item_detail_wrap .item_order_area .orderArea {
  width: 100%;
}

#item_detail_wrap .item_order_area .sysItemImages {
  margin-bottom: 1%;
  padding-right: 0;
}

#item_detail_wrap .item_order_area .sysItemImages .sysMainImage {
  position: relative;
  margin-bottom: 10px;
}

#item_detail_wrap .item_order_area .sysItemImages .sysMainImage img {
  width: 100%;
  height: auto;
}

#item_detail_wrap .item_order_area .sysItemImages .sysModal {
  position: relative;
  margin-bottom: 10px;
}

#item_detail_wrap .item_order_area .sysItemImages .sysModal img {
  width: 100%;
  height: auto;
}

#item_detail_wrap .item_order_area .orderArea {
  /*商品番号*/
  /*小売価格*/
}

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

#item_detail_wrap .item_order_area .orderArea .sysItemName h1 {
  font-size: 1.6rem;
  font-size: 16px;
  margin-bottom: 0;
}

#item_detail_wrap .item_order_area .orderArea .sysItemId {
  font-size: 1.1rem;
  font-size: 11px;
}

#item_detail_wrap .item_order_area .orderArea .sysRetailPrice {
  display: inline-block;
  width: auto;
  margin-bottom: 5px;
  color: #da4636;
  font-weight: bold;
  text-align: right;
}

#item_detail_wrap .item_order_area .orderArea .sysRetailPrice span {
  font-size: 1.1rem;
  font-size: 11px;
}

#item_detail_wrap .item_order_area .orderArea .sysRetailPrice span.sysRetailPriceValue {
  font-size: 1.8rem;
  font-size: 18px;
}

#item_detail_wrap .item_order_area .orderArea .sysSuggestedRetailPrice {
  margin-bottom: 5px;
  text-align: right;
}

#item_detail_wrap .item_order_area .orderArea .sysSuggestedRetailPrice span {
  font-size: 1.1rem;
  font-size: 11px;
}

#item_detail_wrap .item_order_area .orderArea .sysShippingCost {
  display: inline-block;
  width: auto;
  margin-left: auto;
  margin-top: 5px;
  padding: 0 5px;
  color: #da4636;
  font-weight: bold;
  font-size: 1.1rem;
  font-size: 11px;
  border: 1px solid #da4636;
  border-radius: 3px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm {
  /*フォーム内のselect*/
  /* 数量 */
  /*数量増減*/
  /*カートに入れる*/
}

#item_detail_wrap .item_order_area .orderArea .sysForm select {
  font-size: 1.2rem;
  font-size: 12px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm #sysVariation {
  width: 100%;
  max-width: 500px;
  overflow: hidden;
  margin-left: auto;
}

#item_detail_wrap .item_order_area .orderArea .sysForm #sysVariation>div {
  margin: 10px auto;
  overflow: hidden;
  line-height: 30px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm #sysSelections {
  margin-bottom: 5px;
  line-height: 30px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm #sysNumber {
  line-height: 30px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysNumArea {
  line-height: 1;
  padding-top: 5px;
  clear: both;
  text-align: right;
}

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

#item_detail_wrap .item_order_area .orderArea .sysForm .sysNumArea {
  margin-bottom: 20px;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysNumArea button {
  width: 35%;
}

#item_detail_wrap .item_order_area .orderArea .sysForm .sysCartButton {
  width: 100%;
  margin-left: 0;
}

#item_detail_wrap .item_order_area .orderArea .sysForm #sysWishlist .sysButton {
  width: 100%;
  margin-left: 0;
}

/************************
登録商品編集 > 主要項目 > 詳細商品説明
*************************/
/*
基本構造
.sysExplanation{
	#sysExplanation{}
}
となっているが個別指定用に#sysExplanationはとっておく
(登録商品編集 > 主要項目 > 詳細商品説明の中で直書きレイアウト変更対応用)
*/
.sysExplanation {
  margin-bottom: 3%;
}

.sysExplanation>p {
  text-align: center;
}

.sysExplanation>p br {
  display: none;
}

.sysExplanation table {
  text-align: center;
}

.sysExplanation thead {
  text-align: center;
}

.sysExplanation td {
  font-size: small;
}

/************************
登録商品編集 > 公開設定/情報登録 > 簡易商品説明
*************************/
/* 4-2-5-1 Item Description  簡易説明*/
.sysDescription {
  max-width: 1200px;
  margin: 0 auto 20px;
  font-size: 1.3rem;
  font-size: 13px;
}

.sysImageDescription {
  font-size: 1.3rem;
  font-size: 13px;
}

/****▼未整理*****/
#sysWishlist .sysButton {
  width: 98%;
  margin-left: 2%;
}

#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;
}

/*** 横幅760px対応 ***/
#item_detail_wrap.w760 .sysExplanation #sysExplanation>p br {
  display: none;
}

#item_detail_wrap.w760 .sysExplanation table {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#item_detail_wrap.w760 .sysExplanation table td {
  text-align: left;
}

#item_detail_wrap.w760 .sysExplanation table td[align=center] {
  text-align: center;
}

#item_detail_wrap.w760 .sysExplanation table td[align=center] img {
  width: auto;
}

#item_detail_wrap.w760 .sysExplanation table td.txt {
  width: 50%;
  font-size: 14px;
}

#item_detail_wrap.w760 .sysDescription p {
  font-size: 13px;
}

#item_detail_wrap.w760 .sysDescription table {
  display: block;
  max-width: 100%;
  font-size: 12px;
}

#item_detail_wrap.w760 .sysDescription table.border_gray02 {
  border: 1px solid #BEBEBE;
  border-collapse: collapse;
}

#item_detail_wrap.w760 .sysDescription table.border_gray02 td {
  border: 1px solid #BEBEBE;
  border-collapse: collapse;
  text-align: left;
}

#item_detail_wrap.w760 .sysDescription table .company_td01 {
  width: 35%;
}

#item_detail_wrap.w760 .sysDescription tbody, #item_detail_wrap.w760 .sysDescription tr, #item_detail_wrap.w760 .sysDescription td {
  display: block;
  width: 100% !important;
}

/*###### 商品詳細ページ　ここまで ######*/
/*!
* _sp_form_page.scss
*/
/*******************************************************
下記該当ページの基本構造およびinputタグやボタンの共通部分を記載
■ お問い合わせ
	-入力画面
	-確認画面
	-完了画面

■ 新規会員登録
	-情報入力画面
	-確認画面
	-完了画面

■ マイページ
	-ログイン画面
	-会員IDとパスワードの確認画面
	-マイページTOP
	-購入履歴
	-会員情報編集
	-登録クレジットカード情報
	-お届け先情報を編集する
	-ポイント状況
	-商品閲覧履歴
	-お気に入り
	-定期購入管理
	-退会する
	-ログアウト

■カートページ
 -非ログインカート
 -ログインカート
 -購入手続き確認画面
 -購入完了画面
********************************************************/
/**** フォームページの基本レイアウト ****/
/*お問い合わせ*/
#sysFormIndex #sysMain,
#sysFormConfirm #sysMain,
#sysFormThanks #sysMain {
  width: 95% !important;
  margin: 30px 2.5%;
  padding: 30px 10px !important;
}

/*新規会員登録*/
#sysMemberRegisterIndex #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterRegister #sysMain {
  width: 95% !important;
  margin: 30px 2.5%;
  padding: 30px 10px !important;
}

/*マイページ*/
#sysMypageLogin #sysMain,
#sysMypageReminder #sysMain,
#sysMypageIndex #sysMain,
#sysMypageOrderHistory #sysMain,
#sysMypageEditMember #sysMain,
#sysMypageEditConfirm #sysMain,
#sysMypageEditSave #sysMain,
#sysMypageEditDelivery #sysMain,
#sysMypageEditSavedelivery #sysMain,
#sys_mypage_edit_web_collect_card #sysMain,
#sysMypagePoint #sysMain,
#sysMypageAshiato #sysMain,
#sysMypageReview #sysMain,
#sysMypageWithdrawalConfirm #sysMain,
#sysMypageWithdrawalDone #sysMain,
#sysMypageLogout #sysMain {
  width: 95% !important;
  margin: 30px 2.5%;
  padding: 30px 10px !important;
}

/*配送先指定　ワンページカートだとない*/
#sysMypageEditDeliveryinput #sysMain,
#sysDestination #sysMain {
  width: 95% !important;
  margin: 30px 2.5%;
  padding: 30px 10px !important;
}

/*カートページ*/
#sysBasket #sysMain,
#sysOnePageConfirm #sysMain,
#sysThanks #sysMain {
  width: 95% !important;
  margin: 30px 2.5%;
  padding: 30px 10px !important;
}

/**** 共通ボタン位置レイアウト ****/
/** 一行タイプ **/
/*********************
該当ページ
■ 新規会員登録
	-入力画面
	-確認画面

■ マイページ
	-ログイン画面
	-会員情報編集
	-会員情報編集確認
	-お届け先編集
	-退会
*********************/
/*** 左側ボタン ***/
/*マイページ ログイン画面 ログイン*/
#sysMypageLogin .sysLoginButton,
#sysMemberRegisterIndex #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit,
#sysMemberRegisterConfirm #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit,
#sysMypageEditMember #sysMain>form>div.sysForm input[type=submit][name=submit]#button1.sysNextSubmit,
#sysMypageEditConfirm #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit,
#sysMypageEditDelivery #sysMain>form>input[type=submit][name=submit]#button2.sysNextSubmit {
  float: none;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  border: 1px solid #0066dd;
  margin: 30px 0 20px;
  border-radius: 5px;
  font-size: 13px;
  color: #fff;
  background-color: #0066dd;
}

#sysMypageLogin .sysLoginButton:hover,
#sysMemberRegisterIndex #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit:hover,
#sysMemberRegisterConfirm #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit:hover,
#sysMypageEditMember #sysMain>form>div.sysForm input[type=submit][name=submit]#button1.sysNextSubmit:hover,
#sysMypageEditConfirm #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit:hover,
#sysMypageEditDelivery #sysMain>form>input[type=submit][name=submit]#button2.sysNextSubmit:hover {
  color: #0066dd;
  background-color: #fff;
}

/*** 右側ボタン (戻る系)***/
/*新規会員登録 入力画面 戻る*/
#sysMemberRegisterIndex #sysMain>form>input[type=submit][name=submit].sysButton,
#sysMemberRegisterConfirm #sysMain>form+form .sysForm>input[type=submit][name=submit].sysBackButton,
#sysMypageEditMember #sysMain>form>input[type=submit][name=submit].sysButton.sysBackButton,
#sysMypageEditConfirm #sysMain>form .sysForm input[type=submit][name=submit].sysButton.sysBackButton,
#sysMypageEditDelivery #sysMain>form>input[type=submit][name=submit].sysButton {
  float: none;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  border: 1px solid #666;
  margin-top: 10px;
  border-radius: 5px;
  font-size: 13px;
  color: #fff;
  background-color: #666;
}

#sysMemberRegisterIndex #sysMain>form>input[type=submit][name=submit].sysButton:hover,
#sysMemberRegisterConfirm #sysMain>form+form .sysForm>input[type=submit][name=submit].sysBackButton:hover,
#sysMypageEditMember #sysMain>form>input[type=submit][name=submit].sysButton.sysBackButton:hover,
#sysMypageEditConfirm #sysMain>form .sysForm input[type=submit][name=submit].sysButton.sysBackButton:hover,
#sysMypageEditDelivery #sysMain>form>input[type=submit][name=submit].sysButton:hover {
  color: #666;
  background-color: #fff;
}

/*マイページ　ログイン画面　パスワード忘れ*/
#sysMypageLogin .sysButton {
  width: 100%;
  border: 1px solid #666;
  font-size: 13px;
}

#sysMypageLogin .sysButton:hover {
  color: #666;
  background-color: #fff;
}

/*マイページ　退会　退会する　(退会しない)*/
#sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form input[type=submit][name=submit].sysButton,
#sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form+form input[type=submit][name=submit].sysButton {
  float: none;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  border: 1px solid #666;
  margin: 30px 0 20px;
  border-radius: 5px;
  font-size: 13px;
  color: #fff;
  background-color: #666;
}

#sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form input[type=submit][name=submit].sysButton:hover,
#sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form+form input[type=submit][name=submit].sysButton:hover {
  color: #666;
  background-color: #fff;
}

/**** 以下個別レイアウト ****/
.sysFormField label {
  display: block;
}

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

#sysMain {
  margin-top: 0;
}

.grid-col {
  float: none;
  width: 100% !important;
  margin-left: 0;
}

/** 新規会員登録 **/
/*確認ページ　確認・戻るボタンの浮き*/
#sysMemberRegisterConfirm div#sysMain {
  padding-bottom: 80px !important;
}

/*!
 * _sp_simple_page.scss
 */
/*########## シンプルページレイアウト ##########*/
.simple_layout {
  width: 95%;
  font-size: 12px;
  line-height: 24px;
  padding: 5px 10px;
  margin-top: 10px;
}

.simple_layout center {
  margin: 5px 0;
}

.simple_layout .sysHeadline {
  font-size: 17px;
  padding-bottom: 10px;
  margin: 30px 0 20px;
}

.simple_layout h2 {
  font-size: 16px;
}

p.eventCopy {
  text-align: left;
  margin-left: 10px;
}

.simple_layout .eventList li {
  width: 100%;
  margin: 0 0% 10px;
  float: none;
}

.simple_layout .eventList li h3.pattern01 {
  font-size: 14px;
  padding: 0px 0 3px;
}

.simple_layout .eventProduct li {
  width: 48%;
  margin: 0 1% 10px;
  float: left;
  text-align: center;
}

.simple_layout .eventProduct li .productName {
  margin: 15px 0 0;
  font-size: 15px;
}

.simple_layout .larger {
  font-size: 15px;
}

.simple_layout .align1, .simple_layout .align2, .simple_layout .align3 {
  display: block;
}

.simple_layout .relocationWrap .imgWrap {
  padding-left: 0;
  float: none;
  margin: 0 auto;
}

.simple_layout .relocationWrap .txtWrap {
  margin-left: 0px;
}

.simple_layout .newsWrap .imgWrap {
  width: 300px;
  float: none;
  margin: 0 auto;
}

.simple_layout .newsWrap .txtWrap {
  margin-right: 0;
}

/** 会社概要 **/
.corporate_page table {
  width: 100%;
}

.corporate_page table tr th {
  display: block;
  width: 100%;
  padding: 3%;
}

.corporate_page table tr td {
  display: block;
  width: 100%;
  padding: 3%;
}

/** 下層ページ **/
/** ご注文・お支払い方法について **/
#order_info .detail_t {
  width: 100% !important;
  /*inlineスタイル上書きのため*/
  margin-left: auto !important;
  /*inlineスタイル上書きのため*/
}

/** 配送について **/
#derivery .detail_t th, #derivery .detail_t td {
  display: block;
}

/** ご利用規約 **/
#rules .simple_layout h2.pattern02 {
  font-size: 15px;
}

/** JCCポイント **/
#jcc_point .txtBlock.faq+.txtBlock.faq dl:nth-child(4) dd a {
  display: block;
  text-align: center !important;
  /*inlineスタイル上書きのため*/
}

#jcc_point .txtBlock.faq+.txtBlock.faq dl:nth-child(4) dd a img {
  float: none !important;
  /*inlineスタイル上書きのため*/
  margin: 0 !important;
  /*inlineスタイル上書きのため*/
}

#jcc_point .txtBlock.faq+.txtBlock.faq dl:nth-child(4) dd p {
  margin-top: 20px !important;
  /*inlineスタイル上書きのため*/
  line-height: 21px;
}

/** 特定商取引法 **/
#law .detail_t th, #law .detail_t td {
  display: block;
}

/*########## 下層ページ用シンプルページレイアウト ここまで ##########*/
/*!
* _sp_category_list.scss
*/
.sysItemList ul.sysThumbnail li {
  width: 50%;
}

/*** 会員限定 ***/
#sysItemCategory .cate_member_btn ul li, #sysItemDetail .cate_member_btn ul li {
  float: none;
  width: 100%;
  margin-bottom: 20px;
}

/*中部バナー追加分用*/
/*########## トップページ中部(sysMiddle)のレイアウト調整 ##########*/
#sysMiddle {
  width: 95%;
  margin: 0 auto;
  background-size: 100vw;
}

#sysMiddle .middle_bn2 {
  margin: 0 auto;
}

#sysMiddle .middle_bn2 ul:after {
  display: block;
  content: "";
  clear: both;
}

#sysMiddle .middle_bn2 li {
  width: 100%;
  float: none;
  margin-right: 0;
  margin-bottom: 15px;
}

.floating02 {
  position: fixed;
  bottom: 120px;
  right: 9px;
  width: 70px;
  height: 70px;
  z-index: 100;
  opacity: 0.8;
}

/*20191004モバイル用スライダー*/
#sysHeader #top_slide_sm {
  width: 660px;
  height: 404px;
  position: relative;
  margin: 0px auto 30px;
  background: #eee;
  box-sizing: content-box;
}

/*20200123関連商品*/
.related-products .sysContent .sysHorizontal li {
  display: inline-block;
  width: 25%;
  padding: 5px;
  font-size: 10px;
  line-height: 14px;
  float: left;
}

.related-products {
  background: #ffffff;
  padding-top: 5px;
  margin: 0 10px 0 10px;
}

.related-products .sysHeadline {
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0.1em;
}

/*20200227*/
#headNavigation ul li:nth-child(7) a span:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
  padding-left: 3px;
}

#headNavigation ul li:nth-child(3) a span:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight: 900;
  padding-left: 3px;
}

/*20200325売切ボタン*/
.sysSoldOutButton {
  margin-left: 0;
  width: 100%;
}

/*会員登録画面 登録内容を確認する*/
#sysMemberRegisterIndex #sysMain>form>.sysForm>input[type=submit][name=submit].sysNextSubmit {
  width: 100%;
  height: 45px;
  padding: 0;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-shadow: none;
  border-radius: 5px;
  background: #da4636 url(https://www.gyoren.net/img/icon/arrow-right-w.png) no-repeat right 10px center;
  border: none;
  letter-spacing: 0.2em;
}

/*会員登録画面 戻る*/
#sysMemberRegisterIndex #sysMain>form>input[type=submit][name=submit].sysButton {
  display: block;
  padding: 10px;
  width: auto;
  min-width: 11em;
  height: 45px;
  font-size: inherit;
  font-weight: bold;
  color: #000;
  background: #BDBEBE url(https://www.gyoren.net/img/icon/arrow-left-b.png) no-repeat left 10px center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 40px;
  border: 0px;
  margin: 0;
}

/*20201008hover時半透明にしない*/
.btn-icon-link:hover {
  opacity: 1;
}

#sysHeader .h_cart:hover {
  opacity: 1;
}

#sysHeader .g_navi li a:hover {
  opacity: 1;
}

a:hover img {
  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 )";
}

/*SP画面上部メニューバー展開時のクリック範囲*/
.toggleNav li a {
  display: block;
}

/*TOPおすすめPR表示*/
#sysMiddle .middle_recommend li .sysItemName {
  padding-bottom: 0;
}

#sysMiddle .middle_recommend li .sysItemPrice {
  bottom: 6px;
}

#sysMiddle .middle_recommend .sysItemPrArea {
  padding: 0 5px;
}

/*SPフッターメニュー大きさ変更*/
#sysFooter #f_spnav li:first-child {
  background-image: url(https://www.gyoren.net/img/layout/footer/sp_nav01.png);
  background-size: 63px auto;
  background-position: center center;
  height: 40.83px;
}

#sysFooter #f_spnav li a {
  max-width: 63px;
}

/*ランキングスペース調整*/
#sysMiddle .middle_ranking {
  padding-top: 0;
}

#sysMiddle .middle_ranking li {
  margin-top: 0;
}

#sysMiddle .middle_ranking .sysIconRank {
  margin-bottom: 0;
}

/*20201124カテゴリランキング通常価格部分*/
.sysItemSuggestedPrice {
  font-size: 10px;
  text-align: left;
}

/*20210113商品ページパンくずリストスクロール*/
.sysCategoryPankuzu, .sysItemCategoryPankuzu {
  overflow: scroll;
}

/*20210115商品詳細画面レビュー一覧*/
body#sysItemReviewIndex div#sysMain {
  width: 100% !important;
}

.l-summary__table th {
  width: 100vw;
}
.pc_br {display: none;}
.sp-br {display: block;}

/*PRアイコン*/
.LP_recommend, .PR_urikire, .PR_santyoku, .PR_gentei, .PR_siteihuka, .PR_reitou, .PR_reizou, .PR_jouon, .PR_kikangentei, .PR_sale, .PR_persons1-2, .PR_persons3-4, .PR_persons5, .PR_gift {
  font-size: 9px;
}

.sysMemberRegister .contInner .cont p {
  font-size: 14px;
}
}
@media screen and (min-width:661px) and (max-width:1200px){
@charset "UTF-8";

/*!
 * _tb_setting.scss
 */
/* PCレイアウトを維持する場合は削除 */
#sysItemDetail .sysDisplayTabletNone {
  display: none !important;
}

div#sysMain, div#sysAside {
  width: 100% !important;
  float: none !important;
}

#sysMain::after {
  display: block;
  content: '';
  clear: both;
}

#top #sysWrap {
  max-width: 100%;
  margin: 0;
}

#top #sysWrap .sysContent {
  max-width: 96%;
  margin: 0 2%;
}

#top #sysFooter .sub_footer {
  height: auto;
}

h3.sysHeadline {
  max-width: 96vw;
  margin: 0 auto;
}

/*フット固定ナビ用*/
#sysAll {
  padding-bottom: 25px !important;
}

#top #sysLayout {
  height: auto;
}

/*共通レイアウト設定(ヘッダー)*/
#header_wrap {
  width: 100%;
  /*background-image: url(https://www.gyoren.net/img/layout/header/head_bg.png);*/
  /*background-size: 150px;*/
}

#sysHeader {
  width: 100%;
  background-image: url(https://www.gyoren.net/img/layout/header/head_inner_bg.png);
  background-size: 1600px;
  background-position: top center;
  background-repeat: no-repeat;
  overflow: hidden;
}

#sysHeader .header_h1 {
  float: none;
  text-align: center;
}

#sysHeader h1.siteh1 {
  font-weight: normal;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
}

#sysHeader .h_guide {
  float: right;
}

#sysHeader .g_navi li {
  float: left;
  width: 120px;
  height: 35px;
  line-height: 35px;
  text-align: center;
}

#sysHeader .g_navi li a {
  display: block;
  background: #416ea7;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-weight: 700;
  border-radius: 0 0 5px 5px / 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
}

#sysHeader .h_logo {
  width: 160px;
  text-align: center;
  margin: 10px 0 0 2.5%;
}

#sysHeader .h_navigation {
  float: none;
  margin-top: 10px;
}

#sysHeader #headNavigation li.tab {
  float: left;
  width: 14%;
  text-align: center;
}

#sysHeader #headNavigation li.tab span {
  display: block;
  font-size: 13px;
  letter-spacing: 0.06em;
  font-weight: 700;
}
#headNavigation > ul > li > a {
  height: auto;
  display: block;
  padding-top: 5%;
}
#headNavigation > ul > li > a > img {
  width: 30px;
}

#sysHeader .h_cart {
  display: none;
}

#sysHeader .h_trend {
  background-size: 100vw;
  text-align: center;
}

#sysHeader .h_trend .trend_ttl {
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  padding-left: 20px;
}

#sysHeader .h_trend li {
  font-size: 14px;
  line-height: 40px;
  margin-right: 5px;
  padding: 0 25px;
}

#sysHeader .h_slider .sysContent ul {
  max-width: 985px;
  margin: 0 auto;
}

#sysHeader .h_slider .sysContent li {
  width: 185px;
  height: 146px;
  float: left;
  margin-right: 15px;
  border: 1px solid #000;
  background: #fff;
}

#sysHeader .h_slider .sysContent li.active {
  position: relative;
  border: 5px solid #367cbc;
}

#sysHeader .h_slider .sysContent li.active:after {
  width: 25px;
  display: inline-block;
  content: "▲";
  position: absolute;
  color: #367cbc;
  font-size: 25px;
  top: -30px;
  left: 0;
  right: 0;
  margin: auto;
}

#sysHeader .h_slider .sysContent li:last-child {
  margin-right: 0;
}

#sysHeader #top_slide {
  width: 980px;
  height: 420px;
  position: relative;
  margin: 0px auto 30px;
  background: #eee;
  box-sizing: content-box;
}

/*ヘッダー上部(h_upper)*/
/*ヘッダー中部(h_middle)*/
#top_slide ul {
  width: 10000px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: -980px;
}

#top_slide ul:after {
  display: block;
  content: "";
  clear: both;
}

#top_slide li {
  width: 980px;
  float: left;
}

#sysHeader .h_slider .sysContent li .bnr_caption {
  background: #fff;
  display: block;
  font-size: 10px;
  padding: 15px 10px;
}

/*########## トップページ中部(sysMiddle)のレイアウト調整 ##########*/
#sysMiddle {
  margin: 0 auto;
  background-image: url(https://www.gyoren.net/img/layout/bg/middle_bg.jpg);
  background-size: 1600px;
  background-position: top center;
  background-repeat: no-repeat;
}

#sysMiddle .middle_bn {
  max-width: 1200px;
  margin: 30px auto 0;
}

#sysMiddle .middle_bn ul:after {
  display: block;
  content: "";
  clear: both;
}

#sysMiddle .middle_bn li {
  width: 49%;
  float: left;
  margin-right: 2%;
}

#sysMiddle .middle_bn li:last-child {
  margin-right: 0;
}

#sysMiddle .middle_recommend {
  max-width: 1200px;
  margin: 30px auto 0;
}

#sysMiddle .middle_recommend li {
  width: 24%;
  margin-right: 1.25%;
  margin-bottom: 25px;
  height: auto;
  border-radius: 10px;
  box-shadow: 2px 4px 2px 2px #eeeeee;
  -moz-box-shadow: 2px 4px 2px 2px #eeeeee;
  -webkit-box-shadow: 2px 4px 2px 2px #eeeeee;
}

#sysMiddle .middle_recommend li:nth-child(4n) {
  margin-right: 0;
}

#sysMiddle .middle_recommend li img {
  height: auto;
}

#sysMiddle .middle_recommend li .sysItemName {
  padding: 10px;
  font-size: 12px;
  line-height: 18px;
}

#sysMiddle .middle_recommend li .sysItemPrice {
  font-size: 16px;
  font-weight: 700;
}

#sysMiddle .middle_recommend li .sysItemSuggestedPrice {
  font-size: 12px;
}

/*中部バナー*/
/*中部おすすめ商品*/
/*売れ筋商品ランキング*/
/*トップカテゴリ*/
.main_category .category_txt {
  width: 835px;
  margin: 10px auto;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.1em;
}

.main_category .category_txt p {
  margin-bottom: 20px;
}

.main_category #top_category_list li {
  width: 25%;
  float: left;
  margin: 35px 0;
  text-align: center;
}

.main_category #top_category_list li .sanchi {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 35px;
  color: #fff;
  text-align: center;
  line-height: 35px;
  font-weight: bold;
  border-radius: 5px;
  margin-bottom: -5px;
  z-index: 10;
}

.main_category #top_category_list li .sanchi:after {
  display: inline-block;
  content: "▼";
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 16px;
  z-index: 10;
}

.main_category #top_category_list li .img_wrap {
  border-radius: 50%;
  width: 170px;
  height: 170px;
  overflow: hidden;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  margin: 0 auto;
}

.main_category #top_category_list li:hover .img_wrap {
  border-radius: 0;
  width: 100%;
}

.main_category #top_category_list li .img_wrap img {
  min-height: 170px;
}

/*トップアサイド*/
#sysAside .side_members {
  display: none;
}

#sysAside .side-category .sysContent {
  width: 96%;
  margin: 10px auto;
}

#sysAside .side-category li {
  width: 49.5% !important;
  margin: 0;
  margin-right: 1%;
  font-size: 12px;
  border-bottom: 1px dotted #000;
}

#sysAside .side-category li:nth-child(2n) {
  margin-right: 0;
}

#sysAside .side-category li:after {
  display: inline-block;
  content: url(https://www.gyoren.net/img/layout/side/category_caret.png);
  position: absolute;
  right: 2%;
  top: 2px;
}

#sysAside .side_category ul li.sysText a {
  padding: 0 !important;
}

/*トップアサイド*/
#sysAside .side_members {
  display: none;
}

#sysAside .side_category .sysContent {
  width: 96%;
  margin: 10px auto;
}

#sysAside .side_category li {
  width: 49.5% !important;
  margin: 0;
  margin-right: 1%;
  font-size: 12px;
  border-bottom: 1px dotted #000;
}

#sysAside .side_category li:nth-child(2n) {
  margin-right: 0;
}

#sysAside .side_category li:after {
  display: inline-block;
  content: url(https://www.gyoren.net/img/layout/side/category_caret.png);
  position: absolute;
  right: 2%;
  top: 2px;
}

#sysAside .side_category ul li.sysText a {
  padding: 0 !important;
}

/*トップフッター*/
#sysFooter {
  margin-top: 0px;
}

#sysFooter .sub_footer {
  padding-top: 30px;
  min-height: auto;
  background-image: url(https://www.gyoren.net/img/layout/bg/subfoot_bg.png);
  background-size: 1600px;
  background-position: top center;
  background-repeat: no-repeat;
}

#sysFooter .f_check {
  max-width: 96%;
  margin: 0 2%;
}

#sysFooter .f_check ul {
  margin-top: 20px;
}

#sysFooter .f_check li {
  width: 190px;
  padding: 0;
  margin-right: 10px;
  text-align: left;
}

#sysFooter .f_check li:last-child {
  margin-right: 0;
}

#sysFooter .f_check li img {
  box-shadow: 3px 4px 22px -8px #4c4c4c;
  -moz-box-shadow: 3px 4px 22px -8px #4c4c4c;
  -webkit-box-shadow: 3px 4px 22px -8px #4c4c4c;
}

#sysFooter .f_check .sysItemName {
  font-size: 12px;
  line-height: 18px;
  margin-top: 5px;
}

#sysFooter .f_check .sysItemPrice {
  font-weight: bold;
  font-size: 14px;
}

#sysFooter .f_check .sysItemImage {
  height: auto;
}

#sysFooter .f_banner {
  max-width: 96%;
  margin: 60px auto 0;
}

#sysFooter .f_banner li {
  width: 49%;
  float: left;
  margin-right: 2%;
}

#sysFooter .f_banner li:last-child {
  margin-right: 0;
}

#sysFooter .footer {
  padding-top: 30px;
  background: none;
}

#sysFooter .footer .guide_area {
  max-width: 1200px;
  margin: 0 auto;
  background: url(https://www.gyoren.net/img/layout/bg/foot_bg.jpg);
  background-size: 100vw;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding-bottom: 100px;
}

#sysFooter .guide_area .logo {
  width: 300px;
  float: none;
  margin: 0 auto;
  height: 130px;
}

#sysFooter .guide_area .logo a {
  position: absolute;
  display: block;
  width: 200px;
  height: 62px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#sysFooter .contact_tel {
  width: 50%;
  text-align: center;
  float: left;
  height: 130px;
}

#sysFooter .contact_tel h3 {
  font-size: 16px;
}

#sysFooter .contact_mail h3 {
  font-size: 16px;
  margin-bottom: 10px;
}

#sysFooter .contact_tel .telephone_number {
  display: inline-block;
  font-size: 30px;
}

#sysFooter .contact_tel .hour {
  display: inline-block;
  padding: 6px 20px;
  margin-top: 10px;
}

#sysFooter .contact_mail {
  width: 50%;
  float: left;
  height: 130px;
  text-align: center;
}

#sysFooter .contact_mail .btn_mailform {
  display: inline-block;
  min-width: 350px;
  margin-bottom: 10px;
}

#sysFooter .contact_mail .btn_mailform a {
  display: block;
  max-width: 300px;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  border: 1px solid #000;
  border-radius: 5px;
}

#sysFooter .contact_mail .cap {
  font-size: 12px;
  font-weight: 700;
}

#sysFooter .f_navigation {
  width: 100%;
  height: 90px;
  background: url(https://www.gyoren.net/img/layout/header/head_bg.png);
  background-size: 150px;
  margin-top: 0px;
}

#sysFooter .f_navigation .f_nav_inner {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
}

#sysFooter .f_navigation .f_nav_inner li {
  display: inline-block;
  line-height: 30px;
  padding: 0 20px;
  margin-bottom: 5px;
  position: relative;
}

#sysFooter .f_navigation .f_nav_inner li:after {
  display: block;
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  background: #000;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
}


#sysFooter #f_spnav {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 50px;
  background: #0066dd;
  padding-top: 7px;
  z-index: 250;
}

#sysFooter #f_spnav li {
  float: left;
  width: 20%;
  text-align: center;
  position: relative;
}

#sysFooter #f_spnav li:first-child {
  background-image: url(https://www.gyoren.net/img/layout/footer/sp_nav01.png);
  background-size: 55px auto;
  background-position: center center;
  height: 36px;
}

#sysFooter #f_spnav li.closeBtn {
  background-image: url(https://www.gyoren.net/img/layout/footer/sp_nav00.png) !important;
}

#sysFooter #f_spnav li a:hover img {
  opacity: 1;
}

#sysFooter #f_spnav li a img.login {
  display: none;
}

#sysFooter #f_spnav li #itemCount2 {
  position: absolute;
  top: 0;
  right: 0;
  left: 28px;
  bottom: 10px;
  margin: auto;
  width: 18px;
  height: 18px;
  text-align: center;
  display: none;
  color: #0066dd;
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
  line-height: 18px;
  font-size: 10px;
  background: #fff;
  text-indent: 1px;
}

#sysFooter #f_spnav li:after {
  display: inline-block;
  content: "";
  width: 1px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 0;
  background: #ccc;
}

#sysFooter #f_spnav li:last-child:after {
  display: none;
}

#sysFooter #f_spnav li a {
  max-width: 55px;
  display: inline-block;
  text-align: center;
}

#sysFooter #sp_footmenu {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 100vh;
  left: 0;
  background: #fff;
  z-index: 200;
  overflow: scroll;
}

#sysFooter #sp_menu_wrap {
  padding: 30px 20px 120px;
  height: auto;
  overflow: scroll;
}

#sysFooter #sp_menu_wrap li {
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px dotted #ccc;
}

#sysFooter #sp_menu_wrap li a {
  padding: 0;
}

/*ページトップ*/
@media screen and (max-width: 980px) {
  #sysHeader .h_trend {
    height: 55px;
  }

  #sysHeader .h_trend .trend_ttl {
    display: none;
  }

  #sysHeader .h_trend ul {
    padding: 10px 5px;
  }

  #sysHeader .h_trend li {
    font-size: 11px;
    line-height: 30px;
    height: 30px;
    margin: 0 0 10px 12px;
    padding: 0;
    font-weight: 700;
    letter-spacing: 0.02em;
  }

  #sysHeader .h_trend li:after {
    display: none;
  }

  #sysHeader .h_trend li a {
    display: inline-block;
    color: #000;
    background: #fff;
    border-radius: 3px;
    padding: 0 10px;
    border: 1px solid #aaa;
  }

  #sysHeader .h_slider .sysContent {
    text-align: center;
    background: #fff;
    height: 50px;
    padding-top: 25px !important;
    margin-bottom: 0;
  }

  #sysHeader .h_slider .sysContent li {
    width: 20px;
    height: 20px;
    float: none;
    margin-right: 2px;
    border: 0px solid #000;
    background: none;
    position: relative;
    display: inline-block;
    line-height: 20px;
  }

  #sysHeader .h_slider .sysContent li img, #sysHeader .h_slider .sysContent li .bnr_caption {
    display: none;
  }

  #sysHeader .h_slider .sysContent li.active {
    border: 0px solid #367cbc;
  }

  #sysHeader .h_slider .sysContent li:after {
    display: inline-block;
    content: "●";
    font-size: 12px;
    color: #bdbdbd;
    width: 20px;
  }

  #sysHeader .h_slider .sysContent li.active:after {
    display: inline-block;
    content: "●";
    font-size: 12px;
    color: #4771ad;
    position: static;
    width: 20px;
  }

  #sysHeader .h_slider .sysContent li:last-child {
    margin-right: 0;
  }

  #sysHeader #top_slide {
    width: 100vw;
    height: 43vw;
    margin: 0px auto 0px;
    box-sizing: content-box;
  }

  #sysHeader #top_slide #prev_caret {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    bottom: 0;
    left: 3%;
    margin: auto;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(https://www.gyoren.net/img/layout/header/slider_caret_prev.png);
    background-size: 50px;
    background-position: center center;
    z-index: 100;
  }

  #sysHeader #top_slide #next_caret {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    bottom: 0;
    right: 3%;
    margin: auto;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(https://www.gyoren.net/img/layout/header/slider_caret_next.png);
    background-size: 50px;
    background-position: center center;
    z-index: 100;
  }

  #sysHeader .h_search {
    width: 95% !important;
    height: 40px;
    margin: 10px auto;
  }

  #sysHeader .h_search input[name="q"] {
    height: 40px;
    padding: 0 10px !important;
    width: 95% !important;
  }

  #sysHeader .h_search input.sysSearchButton {
    float: left;
    width: 5%;
    height: 40px;
  }

  /*追加テスト(ヘッダー検索窓)*/
  #top_slide ul {
    width: 700vw;
    left: -100vw;
  }

  #top_slide li {
    width: 100vw;
    float: left;
  }

  #sysMiddle .middle_ranking li:first-child, #sysMiddle .middle_ranking li:nth-child(2) {
    min-height: 48vw;
  }

  #sysMain .main_category ul:after {
    display: none;
  }

  #sysMain .main_category:after {
    display: block;
    content: "";
    clear: both;
  }

  #sysFooter .contact_mail .cap {
    font-size: 10px;
  }

  #sysFooter .f_spnav {
    display: block;
  }

  /*フッター追従式ナビ*/
}

/*!
 * _tb_item_detail.scss
 */
/***********************************
 	商品詳細ページ
 ***********************************/
#sysItemDetail {
  /*数量増減*/
}

#sysItemDetail #sysMain {
  width: 95% !important;
  margin: 0 auto;
}

#sysItemDetail .sysNumArea button {
  width: 35%;
}

#sysItemDetail #sysNumber {
  text-align: right;
}

/*!
* _tb_form_page.scss
*/
/*******************************************************
下記該当ページの基本構造およびinputタグやボタンの共通部分を記載
■ お問い合わせ
	-入力画面
	-確認画面
	-完了画面

■ 新規会員登録
	-情報入力画面
	-確認画面
	-完了画面

■ マイページ
	-ログイン画面
	-会員IDとパスワードの確認画面
	-マイページTOP
	-購入履歴
	-会員情報編集
	-登録クレジットカード情報
	-お届け先情報を編集する
	-ポイント状況
	-商品閲覧履歴
	-お気に入り
	-定期購入管理
	-退会する
	-ログアウト

■カートページ
 -非ログインカート
 -ログインカート
 -購入手続き確認画面
 -購入完了画面
********************************************************/
/**** フォームページの基本レイアウト ****/
/*お問い合わせ*/
#sysFormIndex #sysMain,
#sysFormConfirm #sysMain,
#sysFormThanks #sysMain {
  width: 95% !important;
  margin: 30px auto;
  padding: 30px 10px !important;
}

/*新規会員登録*/
#sysMemberRegisterIndex #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterRegister #sysMain {
  width: 95% !important;
  margin: 30px auto;
  padding: 30px 10px !important;
}

/*マイページ*/
#sysMypageLogin #sysMain,
#sysMypageReminder #sysMain,
#sysMypageIndex #sysMain,
#sysMypageOrderHistory #sysMain,
#sysMypageEditMember #sysMain,
#sysMypageEditConfirm #sysMain,
#sysMypageEditSave #sysMain,
#sysMypageEditDelivery #sysMain,
#sysMypageEditSavedelivery #sysMain,
#sys_mypage_edit_web_collect_card #sysMain,
#sysMypagePoint #sysMain,
#sysMypageAshiato #sysMain,
#sysMypageReview #sysMain,
#sysMypageWithdrawalConfirm #sysMain,
#sysMypageWithdrawalDone #sysMain,
#sysMypageLogout #sysMain {
  width: 95% !important;
  margin: 30px auto;
  padding: 30px 10px !important;
}

/*配送先指定　ワンページカートだとない*/
#sysMypageEditDeliveryinput #sysMain,
#sysDestination #sysMain {
  width: 95% !important;
  margin: 30px auto;
  padding: 30px 10px !important;
}

/*カートページ*/
#sysBasket #sysMain,
#sysOnePageConfirm #sysMain,
#sysThanks #sysMain {
  width: 95% !important;
  margin: 30px auto;
  padding: 30px 10px !important;
}

/** 新規会員登録 **/
/*確認ページ　確認・戻るボタンの浮き*/
#sysMemberRegisterConfirm div#sysMain {
  padding-bottom: 80px !important;
}

/*!
 * _tb_simple_page.scss
 */
/*########## シンプルページレイアウト ##########*/
.simple_layout {
  max-width: 800px;
  width: 95%;
  padding: 20px;
  margin-top: 20px;
}

.simple_layout .sysHeadline {
  font-size: 22px;
  margin: 30px 0 40px;
}

.simple_layout h2 {
  margin: 20px 0;
}

.simple_layout .txtBlock {
  margin: 30px 0;
}

.simple_layout ul {
  margin: 5px 0;
}

.simple_layout li {
  margin: 0px 0 10px;
}

.simple_layout p {
  margin: 5px 0;
}

.simple_layout .eventList li h3.pattern01 {
  font-size: 14px;
  padding: 0px 0 3px;
}

/*########## 下層ページ用シンプルページレイアウト ここまで ##########*/
/*!
* _tb_category_list.scss
*/
.sysItemList ul.sysThumbnail li {
  width: 33.3333333333%;
}


/*中部バナー追加分用*/
/*########## トップページ中部(sysMiddle)のレイアウト調整 ##########*/
#sysMiddle {
  margin: 0 auto;
  background-image: url(https://www.gyoren.net/img/layout/bg/middle_bg.jpg);
  background-size: 1600px;
  background-position: top center;
  background-repeat: no-repeat;
}

#sysMiddle .middle_bn2 {
  max-width: 1200px;
  margin: 30px auto 0;
}

#sysMiddle .middle_bn2 ul:after {
  display: block;
  content: "";
  clear: both;
}

#sysMiddle .middle_bn2 li {
  width: 49%;
  float: left;
  margin-right: 2%;
}

#sysMiddle .middle_bn2 li:last-child {
  margin-right: 0;
}

.floating02 {
  position: fixed;
  bottom: 130px;
  right: 15px;
  width: 80px;
  height: 80px;
  z-index: 100;
  opacity: 0.8;
}

/*20190717ieでのアマペイボタン表示修正用に*/
.sysNextSubmitAreaForUseAmazon {
  display: flex;
}

/*20200207フッターテスト用*/
.sub_footer {
  padding-bottom: 10px;
}

/*20201008hover時半透明にしない*/
.btn-icon-link:hover {
  opacity: 1;
}

#sysHeader .h_cart:hover {
  opacity: 1;
}

#sysHeader .g_navi li a:hover {
  opacity: 1;
}

a:hover img {
  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 )";
}

/*TOPおすすめPR表示*/
#sysMiddle .middle_recommend li .sysItemName {
  padding-bottom: 0;
}

#sysMiddle .middle_recommend li .sysItemPrice {
  bottom: 6px;
}
#sysMypageReview #sysMain {
  margin: 0 auto;
}

.sysMemberRegister .contInner .cont p {
  font-size: 14px;
}
}
@media screen and (min-width:1201px){
#sysItemDetail .sysDisplayPcNone {
	display: none !important;
}
#sysFooter .f_check .sysContent {
	min-height: 249px;
}


@media screen and (min-width: 1400px){
 #top #sysWrap:before{
    display: block;
    position: absolute;
    width: 57px;
    margin: auto;
    top: 260px;
    left: -90%;
    right: 0;
    content: url(https://www.gyoren.net/img/layout/bg/side_bg.png);
    }
 }

.floating02 {
  position: fixed;
  bottom: 100px;
  right: 50%;
  width: 85px;
  height: 85px;
  z-index: 100;
  margin-right:-580px;
  opacity: 1; }


/*20190717ieでのアマペイボタン表示修正用に*/
.sysNextSubmitAreaForUseAmazon{display: flex;}
}
/* #END_OF_RESOURCE_FILE */