/*sys～～系のclass・idはシステムで入るから変更すると他に影響が出るから注意
//sys～～の前に記述しているidはページのidの可能性が高い
//sslページはuser.cssで制御しないといけない
//sslページのボタンはクラスなどが共通なので、一つ変えると全部変わる可能性あり
//font-sizeとかpadding指定が「%」「em」など混在中
//バッティングしているstyle.css（プルネット作）がスマホ表示でpx指定などクセ強いので注意
//ブレイクポイントが色々あるので、追記したスマホ表示はmax-width: 767pxで指定（style.cssなどに合わせている）
*/
/* カラー指定 */
:root {
--site-main-color: #66bcb9;
--site-sub-color: #dae8e8;
--site-red-color: #ff6347;
}
/* ココカラ絶対消さないで★_20210115 */
#sysAll {
max-width: 100%;
background-color: transparent;
padding: 0;
}
#sysWrap {
margin: 0 auto;
padding: 0;
overflow: hidden;
}
#sysMain,
#sysAside {
max-width: 100%;
background-color: #fff;
}
#sysMain {
font-size: 0.875rem;
}
div#sysMain,
div#sysAside {
text-align: left;
}
#sysHeader,
#sysFooter {
padding: 0;
margin: 0;
}
#sysMain {
margin: 0;
padding: 0;
}
#sysAside {
margin: 0;
padding: 0;
}
#sysMain {
line-height: 1.5;
}
.head_copy {
color: #000;
}
.p-pagetop .sysContent,
.p-topimg .sysContent,
.h-sitelogo,
.h-utilitybtn,
.h-siteinfo,
.h-subMenu,
.h-mainMenu .sysContent,
.h-search,
#sysWrap {
max-width: 1070px;
}
/*****************************************/

/* インプットのブラウザ差をなくしたかったのだろう autoに変更_20210115 */
input[type="search"],
input[type="submit"] {
-webkit-appearance: auto;
}
/* 全ての入力系検索窓に適用してしまっている_20210115 */
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;
}
/*商品ページのバリエーションチェックボタンは打ち消してるけど、他ページ未確認_20210115 */
input[type="radio"] {
-webkit-appearance: auto;
display: inline-block;
vertical-align: middle;
width: 22px; /*20180209_非表示*/ /*20180416_再表示*/
height: 22px;
margin-right: 5px;
border: 1px solid rgb(212, 212, 212);
cursor: pointer;
border-radius: 100%;
}
/* ラジオボタンのチェックが入ったときの挙動　すべてのラジオボタンに適用してしまっている_20210115 */
input[type="radio"]:checked {
background: #66bcb9;
}
/*絶対消さないで★_20210115 */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*絶対消さないで★_20210115 */
select {
height: 40px;
appearance: none;
-webkit-appearance: none;
background-image: url(https://aquadollwig.jp/new_top/images/itempage/icon_triangle.png);
background-position: 98% center;
background-size: 10px 7px;
background-repeat: no-repeat;
}
/*絶対消さないで★_20210115 */
p {
margin: 10px auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
}
.p-clearfix:after,
.clearfix:after {
content: "";
clear: both;
display: block;
}

/* FB/タグマネージャ等 ヘッダー内で使用中_20210115 */
.h-code {
display: none;
}

/* ランキングなど機能パーツ「商品ブロック」全てに適用_20210115 */
.sysContent .sysItemBlock .sysHorizontal {
letter-spacing: -0.4em;
text-align: center;
}
.sysContent .sysItemBlock .sysHorizontal li {
width: 33%;
float: none;
display: inline-block;
letter-spacing: normal;
margin: 0;
text-align: center;
vertical-align: top;
}

/* 2-4 Facebook */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span,
.widget_facebook_likebox iframe {
width: 100% !important;
}

/* きっとどこかにありそう_20210115 */
.btn {
padding: 10px 20px;
display: inline-block;
margin-top: 10px;
}
.btn-info {
background: #666;
color: #fff;
}
.btn-info:hover {
background: #999;
}

/* 機能パーツ「商品カテゴリ」全てに影響するけど、そんなに使われてないかも_20210115 */
.sysFuncItemCategory a {
line-height: 1.75;
border-bottom: 1px dotted #999;
}
.sysFuncItemCategory a:hover {
background: #eee;
}

/* パンくずの指定　一部変更しました_20210115 */
/* 商品ページ上部のパンくず itemstyle.cssに移設したい */
#sysItemDetail .sysCategoryPankuzu {
margin-top: -15px;
margin-bottom: 10px;
font-size: 13px;
}
#sysItemDetail .sysCategoryPankuzu a {
text-decoration: none;
color: #333;
padding: 8px 0 0;
font-weight: 100;
display: inline-block;
border-bottom: solid 1px #66bcb9;
}
#sysItemDetail .sysCategoryPankuzu a:hover {
text-decoration: none;
opacity: 0.7;
}
.pankuzu .pan_list {
display: inline-block;
margin:0.7em 0;
}
/* カテゴリページ上部のパンくず */
.sysItemCategoryPankuzu {
font-size: 13px;
margin: 0 0 5% 0;
}
.sysItemCategoryPankuzu a {
display: inline-block;
text-decoration: none;
border-bottom: solid 1px #66bcb9;
}
.sysItemCategoryPankuzu a:hover {
text-decoration: none;
opacity: 0.7;
}

/* カテゴリページのPRの制御_20210115 */
.sysItemPr {
font-size: small;
margin-bottom: 5px;
padding: 0 5px 0 0;
background: #fff;
border: none;
display: inline-block;
font-weight: bold;
}

/* 商品ページのカートに入れるボタン　一部itemstyle.cssで上書きしている_20210115 */
.sysCartButton {
cursor: pointer;
}

/* カテゴリページなど商品一覧っぽいけど見当たらない(クラス指定ミスかも)_20210115 */
.sysItemList ul.sysList li .sysThumbnailImage {
width: 40%;
max-width: 200px;
}

/* カテゴリページの並び方指定まとめ */
.sysItemList ul.sysThumbnail {
flex-wrap: wrap;
display: flex;
justify-content: flex-start;
}
.sysItemList ul.sysThumbnail li {
width: 32.66%;
margin: 0 1% 6% 0;
padding: 0;
display: inline-block;
float: none;
vertical-align: top;
letter-spacing: normal;
}
.sysItemList ul.sysThumbnail li:nth-child(3n) {
margin-right: 0;
}

.sysItemList ul.sysThumbnail .sysItemName {
margin: 0 0 1% 0;
}
.sysItemList ul.sysThumbnail .sysRetailPrice {
margin: 0 0 1% 0;
}
/* カテゴリページなど商品一覧にカートに入れるボタン付けたら出るのかも */
.sysItemList ul.sysThumbnail input {
width: 100%;
padding: 10px 0;
}
/* 商品ページ～注文確認画面にはなかった_20210115 */
ul.SysDeliveriesTable {
border-style: solid;
border-width: 0px;
list-style: none;
display: table;
margin: 0;
padding: 0;
}
ul.SysDeliveriesTable > li {
display: table-row;
}
ul.SysDeliveriesTable > li > div {
border-style: solid;
border-width: 1px;
display: table-cell;
padding: 10px;
}

/* ココカラ商品ページ関連_20210115 */
/* .sysThumbnailImageが見つからず_20210115 */
.sysThumbnailImage > span,
.sysThumbnailImage > br {
display: none;
}

/* 商品ページ～注文確認画面までで見つからなかった_20210115 */
.orderArea {
letter-spacing: -0.4em;
text-align: center;
}
.orderArea > div {
width: 50%;
display: inline-block;
letter-spacing: normal;
text-align: left;
vertical-align: top;
padding-right: 20px;
}
.orderArea > .orderArea > div {
width: 100%;
display: block;
}

/*
.sysExplanation > div > span,
.sysReview > span {
margin-bottom: 10px;
}*/
/* itmestyle.cssに移設したい　古い品番用のCSSと共に生きている_20210115 */
.sysExplanation table.itemInformation {
width: 100%;
text-align: center;
border: none;
line-height: 2;
}
.sysExplanation .itemInformation thead {
text-align: center;
color: #fff;
background: #999;
}
.sysExplanation .itemInformation td {
font-size: 0.8rem;
text-align: left;
padding: 2%;
}
.sysExplanation .itemInformation th {
font-size: 0.9rem;
padding: 2%;
}
/*itemstyle.cssで打ち消している　数量のプルダウン_20210115 */
#sysItemDetail .sysForm select {
min-width: 190px;
width: 75%;
}

/* 詳細不明_20210115 */
#sysCartInForm {
width: 100%;
}
.sysImageListSimple li {
margin-bottom: 10px;
}

/* 一部itemstyle.cssで打ち消している(レビュー一覧画面ではitemstyle.cssが効かないからこちらが優先される)_20210115 */
/*レビュー一覧画面へのボタン*/
.sysReview input {
display: block;
padding: 10px;
}
/*なぜ消しているか不明*/
.sysReview > br {
display: none;
}
/*商品ページ内レビュー　星の色とか制御している(レビュー一覧ページも同一)_20210115 */
.sysReviewHistoryList {
width: 100%;
margin-top: 2%;
}
.sysReviewDatetime {
text-align: right;
color: #696969;
}
.sysNickname {
float: right;
color: #696969;
}
.sysEvaluation {
float: left;
font-size: 1.1rem;
color: orange;
margin-bottom: 1%;
}
.sysReviewText {
margin-bottom: 1%;
clear: both;
padding-top: 3%;
border-top: 1px solid #ccc;
}
.sysReviewHistoryList li {
padding: 2%;
margin: 2%;
border: 1px solid #ccc;
background-color: #fcfcfc;
line-height: 160%;
margin-bottom: 4%;
}
.sysReviewImproperForm .sysButton {
font-size: 0.8rem;
}
.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;
}
/*---------------------------------ココマデ-------------------------------------*/
.sysCart {
font-family: "Noto Sans JP";
}
.sysCartInDone {
margin: 0;
}
/* #sysConfirm .sysCartNote {
} */
.sysAcceptDomainArea {
margin-top: 10%;
flex-wrap: wrap;
display: flex;
}
.sysAcceptDomainArea div:nth-child(2) {
width: 100%;
}
.sysAcceptDomainArea .sysAcceptDomain input {
width: 60%;
}

.sysAcceptDomainArea .sysAcceptDomain a {
text-decoration: underline;
}
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
font-size: 18px;
font-weight: bold;
}
/* 会員登録ページとフォームページ */
#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2 {
background-color: #66bcb9;
color: #fff;
font-size: large;
border: none;
padding: 10px 20px;
}
#sysMemberRegisterIndex #sysMain .sysForm {
margin: 2% 0 10% 0;
}
#sysFormIndex #sysMain .sysFormLabel,
#sysBillingAddress #sysMain .sysForm .sysFormLabel,
#sysMemberRegisterIndex #sysMain .sysForm .sysFormLabel {
border-left: double 4px #66bcb9;
padding: 0 0 0 5px;
font-size: 14px;
}
.sysErrorMessage {
color: #ff6347;
padding: 0;
margin: 0;
font-size: 110%;
}
.sysRequired {
color: #fff;
padding: 1.5px 2.5px;
margin: 0 0 0 5px;
background: #ff6347;
border-radius: 2px;
font-size: 12px;
}
.sysRequired::after,
.sysRequired::before {
content: none;
}
.sysCartTitle .sysRequired {
display: initial;
padding: 2px 3px;
margin: 0 0 0 10px;
}
#sysFormIndex #sysMain .sysForm .sysFormField,
#sysBillingAddress #sysMain .sysForm .sysFormField,
#sysMemberRegisterIndex #sysMain .sysForm .sysFormField {
margin: 1% 0 3% 0;
}
#sysFormIndex #sysMain .sysForm .sysFormField input,
#sysBillingAddress #sysMain .sysForm .sysFormField input,
#sysMemberRegisterIndex #sysMain .sysForm .sysFormField input {
height: 40px;
background: #fff;
border-radius: 0;
line-height: 40px;
}
#sysMemberRegisterIndex #sysMain .sysForm .sysFormField input[name="gender"],
#sysMemberRegisterIndex
#sysMain
.sysForm
.sysFormField
input[name="accept_mailmagazine"],
#sysBillingAddress #sysMain .sysForm .sysFormField input[name="gender"],
#sysBillingAddress
#sysMain
.sysForm
.sysFormField
input[name="accept_mailmagazine"] {

height: 14px;
width: 14px;
}
#sysMemberRegisterIndex
#sysMain
.sysForm
.sysFormField
input[name="gender"]:checked,
#sysMemberRegisterIndex
#sysMain
.sysForm
.sysFormField
input[name="accept_mailmagazine"]:checked,
#sysBillingAddress #sysMain .sysForm .sysFormField input[name="gender"]:checked,
#sysBillingAddress
#sysMain
.sysForm
.sysFormField
input[name="accept_mailmagazine"]:checked {
background: #66bcb9;
}
#sysBillingAddress #sysMain .sysForm .sysAcceptMailmagazine .sysFormField input,
#sysMemberRegisterIndex
#sysMain
.sysForm
.sysAcceptMailmagazine
.sysFormField
input {
height: 13px;
}
.sysFormItem.sysAcceptMailmagazine .sysRequired {
display: none;
}
#sysMemberRegisterIndex #sysMain .sysForm .sysNextSubmit {
width: 100%;
border-radius: 3px;
cursor: pointer;
}
#sysConfirm #sysMain .sysOrder,
#sysConfirm #sysMain .sysDetail {
margin-bottom: 5%;
}
#sysConfirm #sysMain .sysOrder ul.nav,
#sysConfirm #sysMain .sysDetail ul.nav {
background: #dae8e8;
padding: 2% 2% 1% 2%;
margin-top: -10px;
}
#sysConfirm #sysMain .sysOrder ul li,
#sysConfirm #sysMain .sysDetail ul li {
padding: 1%;
background: #fff;
border: none;
margin: 0 0 3% 0;
}
#sysConfirm #sysMain .sysOrder .sysTotal {
margin-top: 5%;
margin-bottom: 5%;
}
#sysConfirm #sysMain .sysConfirmButton:hover,
#sysConfirm #sysMain .sysConfirmButton:focus,
#sysBillingAddress #sysMain .sysNextSubmitArea:hover,
#sysBillingAddress #sysMain .sysNextSubmitArea:focus,
#sysMemberRegisterIndex #sysMain form[method="get"]:hover,
#sysMemberRegisterIndex #sysMain form[method="get"]:focus,
#sysMemberRegisterIndex #sysMain .sysForm .sysNextSubmit:hover,
#sysMemberRegisterIndex #sysMain .sysForm .sysNextSubmit:focus {
opacity: 0.7;
}

#sysConfirm #sysMain .sysConfirmButton form,
#sysConfirm #sysMain .sysNextSubmitArea,
#sysBillingAddress #sysMain .sysNextSubmitArea,
#sysMemberRegisterIndex #sysMain form[method="get"] {
position: relative;
}
#sysMemberRegisterIndex #sysMain form[method="get"]::before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 5%;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
#sysBillingAddress #sysMain .input-append {
width: 100%;
}

#sysBillingAddress #sysMain .input-append button,
#sysMemberRegisterIndex #sysMain .sysButton {
color: #fff;
background: #66bcb9;
border: none;
width: 30%;
height: 40px;
margin: 0 10% 0 0;
border-radius: 3px;
}
#sysConfirm #sysMain .sysConfirmButton form::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 5%;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #66bcb9;
border-right: solid 2px #66bcb9;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#sysDestination #sysMain .sysSelectAddress {
margin: 0;
padding: 1%;
border: none;
background: #fff;
}
#sysDestination #sysMain .sysSelectAddress .sysOtherAddress {
padding: 0;
}
#sysDestination #sysMain .sysSelectAddress .sysOtherAddress div {
margin: 1% 0 4% 0;
padding: 0;
}
#sysDestination
#sysMain
.sysSelectAddress
.sysOtherAddress
.sysZipcode
.input-append {
width: 100%;
}
#sysDestination
#sysMain
.sysSelectAddress
.sysOtherAddress
.sysZipcode
.input-append
input[type="number"] {
width: 30%;
max-width: 500px;
margin: 0;
display: inline-block;
}
#sysDestination
#sysMain
.sysSelectAddress
.sysOtherAddress
.sysZipcode
.input-append
button {
margin: 0 auto;
width: 40%;
height: 40px;
background: #66bcb9;
color: #fff;
border: solid 1px #66bcb9;
}
#sysDestination #sysMain .sysSelectAddress .sysOtherAddress div input {
background: #fff;
border-radius: 0;
height: 40px;
line-height: 40px;
}
/* 白のボタン */
#sysPayment #sysMain form input.sysBtnChange,
#sysBillingAddress #sysMain form .sysForm + div input,
#sysPayment #sysMain .sysBtnChangeArea .sysBtnChange,
#sysDestination #sysMain .sysNextSubmit,
#sysConfirm #sysMain .sysConfirmButton form input {
width: 100%;
background: #fff;
color: #66bcb9;
border: solid 1px #66bcb9;
height: 40px;
font-family: "Noto Sans JP";
font-size: 14px;
}
#sysPayment #sysMain form .sysSelectDeliveryArea + div,
#sysPayment #sysMain form .sysRemarksArea + div,
#sysBillingAddress #sysMain form .sysForm + div,
#sysPayment #sysMain .sysBtnChangeArea,
#sysDestination #sysMain .sysSelectAddress .sysOtherAddress button {
position: relative;
}
/*#sysPayment #sysMain form .sysSelectDeliveryArea + div::before,*/
#sysPayment #sysMain .sysBtnChangeArea::before,
#sysDestination #sysMain .sysSelectAddress .sysOtherAddress button::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 5%;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #66bcb9;
border-right: solid 2px #66bcb9;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/* 緑のボタン */
#sysConfirm #sysMain .sysNextSubmitArea input.sysNextSubmit,
#sysBillingAddress #sysMain .sysNextSubmitArea input.sysNextSubmit {
width: 100%;
border-radius: 3px;
cursor: pointer;
background: #66bcb9;
color: #fff;
border: none;
display: block;
text-shadow: none;
border-color: transparent;
height: 50px;
margin: 0 auto;
padding: 5px;
width: 100%;
border-radius: 3px;
cursor: pointer;
font-family: "Noto Sans JP";
}
#sysConfirm #sysMain .sysNextSubmitArea input.sysNextSubmit:first-child {
margin-bottom: 10%;
}

#sysPayment #sysMain form .sysRemarksArea + div::before,
#sysBillingAddress #sysMain form .sysForm + div::before,
#sysConfirm #sysMain .sysNextSubmitArea::before,
#sysBillingAddress #sysMain .sysNextSubmitArea::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 5%;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/* 郵便番号から住所を検索ボタン */
#sysMemberRegisterIndex #sysMain button[name="searchAddress"],
#sysFormIndex #sysMain .sysFormField button[name="getAddress"] {
width: 25%;
}

/* 入力項目全体 */
#sysMypageReminder #sysMain input,
#sysMemberRegisterIndex #sysMain input,
#sysFormIndex #sysMain input {
line-height: 30px;
padding: 5px;
font-size: small;
}
#sysMain input[type="email"],
#sysMain input[type="number"],
#sysMain input[type="password"],
#sysMain input[type="tel"],
#sysMain input[type="url"],
#sysMain input[type="text"],
#sysMain textarea {
width: 100%;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#efefef),
to(#ffffff)
);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF');
border: #999999 1px solid;

}
#sysMain .sysAcceptDomain input {
line-height: 1;
}
#sysMain textarea {
min-height: 75px;
}
/* 入力内容確認ページ */
#sysMemberRegisterConfirm #sysMain .sysForm {
margin: 2% 0 10% 0;
}
#sysMemberRegisterConfirm #sysMain .sysForm .sysFormItem {
margin: 1% 0 5% 0;
}
#sysMemberRegisterConfirm #sysMain .sysForm .sysFormField {
height: 40px;
background: #fff;
line-height: 40px;
border-radius: 0;
}
#sysDestination #sysMain .sysSelectAddress .sysOtherAddress label,
#sysMemberRegisterConfirm #sysMain .sysForm .sysFormItem .sysFormLabel {
border-left: double 4px #66bcb9;
padding: 0 0 0 5px;
}
#sysMemberRegisterConfirm #sysMain .sysForm input[type="submit"] {
width: 100%;
border-radius: 3px;
cursor: pointer;
}
#sysMemberRegisterConfirm #sysMain .sysForm input.sysBackButton {
color: #fff;
background: #66bcb9;
border: none;
width: 30%;
height: 40px;
margin: 0 10% 0 0;
border-radius: 3px;
}
/* フォームページなど */
#sysMypageEditConfirm #sysMain .sysFormField,
#sysMemberRegisterConfirm #sysMain .sysFormField,
#sysFormConfirm #sysMain .sysFormField {
border: 1px solid #999;
line-height: 2;
padding-left: 10px;
font-size: small;
border-radius: 3px;
margin: 5px auto;
min-height: 20px;
}
/* ココカラマイページ関連まとめた_20210115 */
/* ************************************
マイページ内の各ページで切り分けて記述している
一部、別ページで同一IDが振られているので、切り分け不可（仕様です）
***************************************
*/
/* ログイン画面_メールアドレスとパスワード入力窓調整 */
#sysMypageLogin .sysLoginForm input[type="email"],
#sysMypageLogin .sysLoginForm input[type="password"] {
height: 40px;
}

/* ありとあらゆるボタンに影響する可能性_20210115 */
.sysLoginButton,
.sysButton {
border: none;
padding: 10px;
margin: 5px auto;
background-color: #66bcb9;
color: #fff;
cursor: pointer;
display:block;
}
.sysLoginButton {
display: block;
width: 50%;
margin: 10px auto;
padding: 11px;
}

#sysMypageReminder #sysMain input[type="submit"],
.sysBackButton,
.sysNextSubmit {
background: #66bcb9;
color: #fff;
display: block;
padding: 10px 15px;
text-shadow: none;
border-color: transparent;
width: 80%;
height: 50px;
margin: 0 auto;
font-size: 1.1em;
}
/* ログイン画面の「ログイン」ボタンと「会員ID・パスワードを忘れた場合」ボタンのサイズ調整 */
#sysMypageLogin #sysMain form[action="./"] {
width: 55.5%;
display: block;
position: relative;
margin: 0 auto;
}
#sysMypageLogin #sysMain form[action="./"]::before {
content: "";
display: block;
width: 9px;
height: 9px;
margin: auto;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 0;
right: 35px;
bottom: 0;
}

.sysMypage #sysMain h2 {
background-color: #66bcb9;
color: #ffffff;
font-size: large;
border: none;
padding: 10px 20px;
}

/* マイページ_購入履歴 */
.sysOrderList {
padding: 2%;
max-height: 400px;
overflow-y: scroll;
background: #fff;
}
.sysOrderHistory > div:first-child {
background: #fff;
padding: 2% 0 0 2%;
}
.sysOrderList li {
border-bottom: dotted 1px #000;
margin: 0 3%;
padding: 3% 5%;
}
.sysOrderHistory {
margin: 0 0 5% 0;
padding: 2% 2%;
background: #dae8e8;
}
.sysOrderHistory a {
padding: 4px;
display: block;
text-decoration: underline;
}
.sysOrderHistory a:hover {
opacity: 0.7;
}
li.sysOrder{
background-color: #eee;
}
.sysOrders .sysOrderHeader{
background-color: #66bcb9;
margin-top: 50px;
}
/* マイページTOPなどボタン一覧 */
.sysMypageNav {
margin: 0 auto;
text-align: center;
margin-bottom: 3%;
}
.sysMypageNav::after {
content: "";
display: block;
clear: both;
}
.sysMypageNav > form {
display: block;
width: 49%;
position: relative;
float: left;
margin: 2% 2% 0 0;
}

.sysMypageNav > form:nth-child(2n) {
margin-right: 0;
}

.sysMypageNav form::before {
content: "";
display: block;
width: 9px;
height: 9px;
margin: auto;
border-top: 2px solid #66bcb9;
border-right: 2px solid #66bcb9;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 0;
right: 5%;
bottom: 0;
}
.sysMypageNav .sysButton:hover,
.sysMypageNav .sysButton:focus {
color: #fff;
background: #66bcb9;
border: 2px solid #fff;
position: relative;
}

.sysMypageNav .sysButton {
width: 100%;
display: block;
font-size: 1.1em;
color: #66bcb9;
background: #fff;
border: 2px solid #66bcb9;
padding: 6%;
font-weight: bold;
margin: 0;
appearance: none;
-webkit-appearance: none;
}
form[action="index.html"] {
width: 100%;
margin: 0 auto;
position: relative;
}
form[action="index.html"]::before {
content: "";
display: block;
width: 9px;
height: 9px;
margin: auto;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 0;
left: 5%;
bottom: 0;
}
form[action="index.html"] .sysButton {
width: 49%;
margin: 0;
margin-bottom: 5%;
padding: 2%;
font-weight: bold;
appearance: none;
-webkit-appearance: none;
}
form[action="index.html"] .sysButton:hover,
form[action="index.html"] .sysButton:focus {
color: #66bcb9;
background: #fff;
border: 2px solid #66bcb9;
}

.sysMypageMinorHeadLine {
padding: 2% 1%;
}

/* 会員情報編集ページとお届け先情報編集ページ */
#sysMypageEditDelivery #sysMain input,
#sysMypageEditMember #sysMain input {
padding: 0 2%;
font-size: small;
margin: 1% 0;
appearance: none;
-webkit-appearance: none;
}
#sysMypageEditDelivery #sysMain .sysFormField input[type="radio"],
#sysMypageEditDelivery #sysMain .sysFormField input[type="checkbox"],
#sysMypageEditMember #sysMain .sysFormField input[type="radio"],
#sysMypageEditMember #sysMain .sysFormField input[type="checkbox"] {
appearance: auto;
-webkit-appearance: auto;
}
#sysMypageEditDelivery .input-append button,
#sysMypageEditMember button[name="searchAddress"] {
width: 20%;
border: solid 1px #66bcb9;
padding: 10px;
margin: 5px 0;
background-color: #66bcb9;
color: #fff;
cursor: pointer;
}

#sysMypageEditDelivery .input-append button:hover,
#sysMypageEditDelivery .input-append button:focus,
#sysMypageEditMember button[name="searchAddress"]:hover,
#sysMypageEditMember button[name="searchAddress"]:focus {
color: #66bcb9;
background-color: #fff;
border: solid 1px #66bcb9;
}
#sysMypageEditMember select {
height: 45px;
padding: 0 0 0 2%;
}

/*元からあった指定************************************/
.sysZipcode .sysButton:hover,
.sysZipcode .sysButton:focus {
opacity: 0.7;
}
.sysZipcode button,
.sysZipcode .sysFormField {
display: inline-block;
}
.sysZipcode .sysFormLabel {
display: block;
}
.sysZipcode .sysFormField {
width: 30%;
}
/**************************************************/
#sysMypageEditMember #sysMain .sysZipcode .sysFormField input {
padding: 0 7%;
}
.sysZipcode br {
display: none;
}
#sysMain .sysBirthday input {
width: 20%;
}
#sysMypageReminder .sysNextSubmit {
background-color: #66bcb9;
}
#sysMypageEditDelivery #sysMain input#button2,
#sysMypageEditMember #sysMain input#button1 {
width: 100%;
color: #66bcb9;
background-color: #fff;
border: 2px solid;
font-weight: bold;
border-radius: 0;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
}
/* お届け先情報を編集ページの戻るボタン */
#sysMypageEditDelivery #sysMain form[action="index.html"] input {
height: 40px;
}
/* 詳細不明_20210115 */
.sysSpecialPoint {
overflow: hidden;
letter-spacing: -0.4em;
}
.sysSpecialPoint > div:nth-child(2n) {
width: 60%;
}
.sysSpecialPoint > div {
display: inline-block;
letter-spacing: normal;
padding: 5px 10px;
border-bottom: 1px solid #d5d5d5;
}
.sysSpecialPoint > div:nth-child(2n + 1) {
width: 40%;
}
/*//////////*/

#sysMypageEditDelivery .input-append {
width: 100%;
}
#sysMypageEditDelivery .input-append input {
width: 30%;
padding: 0 2%;
}

/* 「商品チェック履歴」ページと「お気に入り」ページ */
#sysMypageReview .sysItemList ul.sysList li,
#sysMypageAshiato .sysItemList ul.sysList li {
padding: 2% 0 1% 0;
border-top: 1px solid #dae8e8;
width: 49%;
float: left;
margin: 1% 1% 0 0;
}

#sysMypageReview .sysItemList ul.sysList li:last-child,
#sysMypageAshiato .sysItemList ul.sysList li:last-child {
border-bottom: none;
}
#sysMypageReview
.sysItemList
ul.sysList
li
.sysThumbnailImage
#sysMypageAshiato
.sysItemList
ul.sysList
li
.sysThumbnailImage {
width: 100%;
max-width: 150px;
}
#sysMypageReview
.sysItemList
ul.sysList
li
form[method="get"]
input[type="submit"],
#sysMypageAshiato .sysItemList ul.sysList li input[type="submit"] {
margin: 3% 0;
padding: 2% 10%;
background: #66bcb9;
border: solid 1px #66bcb9;
color: #fff;
width: 100%;
appearance: none;
-webkit-appearance: none;
}
#sysMypageReview
.sysItemList
ul.sysList
li
form[method="get"]
input[type="submit"]:hover,
#sysMypageAshiato .sysItemList ul.sysList li input[type="submit"]:hover,
#sysMypageReview
.sysItemList
ul.sysList
li
form[method="get"]
input[type="submit"]:focus,
#sysMypageAshiato .sysItemList ul.sysList li input[type="submit"]:focus {
background: #fff;
border: solid 1px #66bcb9;
color: #66bcb9;
}
#sysMypageReview
.sysItemList
ul.sysList
li
form[method="post"]
input[type="submit"] {
margin: 3% 0;
padding: 2% 10%;
background: #fff;
border: solid 1px #66bcb9;
color: #66bcb9;
width: 100%;
appearance: none;
-webkit-appearance: none;
}
#sysMypageReview
.sysItemList
ul.sysList
li
form[method="post"]
input[type="submit"]:hover,
#sysMypageReview
.sysItemList
ul.sysList
li
form[method="post"]
input[type="submit"]:focus {
background: #66bcb9;
border: solid 1px #66bcb9;
color: #fff;
opacity: 100%;
}
#sysMypageReview #sysMain .sysItemList ul.sysList li form,
#sysMypageAshiato #sysMain .sysItemList ul.sysList li form {
position: relative;
width: 50%;
float: left;
}
#sysMypageReview #sysMain .sysItemList ul.sysList li form[method="get"]::before,
#sysMypageAshiato #sysMain .sysItemList ul.sysList li form::before {
content: "";
display: block;
width: 7px;
height: 7px;
margin: auto;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 0;
right: 6%;
bottom: 0;
z-index: 1;
}
/* クーポン */
.sysCoupon {
border: 1px solid #d5d5d5;
padding: 2% 1%;
}
/* 詳細不明 */
.sysNewsDetail {
padding: 10px 20px;
}
.news-row {
border-color: #999;
border-style: solid;
border-radius: 0px;
border-width: 1px;
box-shadow: 1px 1px 1px gray;
margin-bottom: 10px;
}

/* 複数配送先編集画面 */
.sysSelectAddress a {
display: block;
text-decoration: none;
border: 1px solid;
padding: 10px;
}
.sysSelectAddress {
margin: 10px 0;
}
.sysSelectAddress a:hover {
background: #eee;
}
#sysMypageLogin .sysMypageMinorHeadLine {
display: none;
}
.sysMypage .sysList input.sysButton {
width: 50%;
margin: 1.5% auto;
display: unset;
float: right;
margin-right: 170px;
background-color: #66bcb9;
}
.sysMypage .sysList input.sysButton:hover {
opacity: 55%;
}
/* -----------------------------------------------マイページ関連ココマデ-----------------------------------------------------------
*/

/* レビューに表示されるニックネームなど */
.sysNickname {
padding: 5px 15px 5px 0;
}
.sysEvaluation {
padding: 5px 0 5px 15px;
}
.sysReviewDatetime {
padding: 5px 15px 5px 0;
}
.sysReviewList {
width: 90%;
margin: 10px 5%;
}
.allreview {
width: 60%;
margin: 10px 20%;
padding: 20px 0;
font-weight: bold;
cursor: pointer;
}

#photogallery img {
width: 640px;
margin: 20px auto;
display: block;
border: 1px solid #555;
}

.recomlist img {
margin: 5px 0 10px;
display: block;
}
.recomlist {
margin: 20px 0;
}
.recomlist ul,
.recomlist li {
margin: 0;
padding: 0;
list-style: none;
}
.recomlist ul {
margin-bottom: 15px;
}
.recomlist li {
width: 48%;
margin: 0 1%;
float: left;
}

/* ▼共通指定 */
* {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
color: #000;
background-color: transparent;
font-size: 14px;
line-height: 160%;
text-align: center;
}
.pc {
display: block;
}
.sp {
display: none;
}
@media screen and (min-width: 767px) {
.pc {
display: none;
}
.sp {
display: block;
}
}
/*pc only*/
@media (min-width: 1040px) {
.tabonly {
display: none;
}
.sponly {
display: none;
}
}
/*tab only*/
@media (max-width: 1040px) and (min-width: 480px) {
.pconly {
display: none;
}
.sponly {
display: none;
}
}
/*sp only*/
@media (max-width: 480px) {
.pconly {
display: none;
}
.tabonly {
display: none;
}
}
.clear {
clear: both;
}
p {
line-height: 160%;
padding: 0;
}
li {
list-style: none;
}
img {
border: none;
vertical-align: bottom;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #213172;
}
a:hover {
/*text-decoration: underline;*/

}
a img {
border: none;
text-decoration: none;
}
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
}
.clr {
clear: both;
height: 0;
margin: 0;
padding: 0;
border: 0;
font-size: 0;
line-height: 0px;
}
.clearfix {
min-height: 1px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.fleft {
float: left;
}
.fright {
float: right;
}
.img-left {
float: left;
margin: 0 10px 0 0;
}
.img-right {
float: right;
margin: 0 0 0 10px;
}
.img-center {
text-align: center;
}
.fs16 {
font-size: 16px;
}
.fs18 {
font-size: 18px;
}
.fs20 {
font-size: 20px;
}
.fs22 {
font-size: 22px;
}
.fs25 {
font-size: 25px;
}
.fs28 {
font-size: 28px;
}
.fs_60p {
font-size: 60%;
}
.fs_70p {
font-size: 70%;
}
.fs_80p {
font-size: 80%;
}
.fs_90p {
font-size: 90%;
}
.fs_120p {
font-size: 120%;
}
.fs_150p {
font-size: 150%;
}
.fs_200p {
font-size: 150%;
}
.fs_red {
color: #f00;
}
.red1 {
color: #f00;
}

.align-right {
text-align: right;
}
.align-center {
text-align: center;
}
.w100 {
width: 100%;
margin: 0;
}
.w90 {
width: 90%;
margin: 0 auto;
}
.w80 {
width: 80%;
margin: 0 auto;
}
.brdr01 {
border: 1px solid #000;
padding: 20px;
}
.brdr02 {
border: 1px solid #666;
padding: 20px;
}
.brdr03 {
border-bottom: 1px dotted #666;
padding: 0 0 30px 0;
margin-bottom: 30px;
}
.midashi01 {
margin: 10px 0;
padding: 10px 20px;
color: #fff;
background: #555;
display: block;
}

/* 古い品番の商品ページの黄色アンダーライン */
.fs_line_y {
background: linear-gradient(transparent 60%, #ffff66 60%);
display: inline;
}
/*pc only*/
@media (min-width: 1040px) {
.tabonly {
display: none;
}
.sponly {
display: none;
}
}

/*tab only*/
@media (max-width: 1040px) and (min-width: 480px) {
.pconly {
display: block;
}
.sponly {
display: none;
}
}
/*sp only*/
@media (max-width: 480px) {
.pconly {
display: none;
}
.tabonly {
display: none;
}
}

#top #sysWrap {
margin: 0 auto;
text-align: left;
width: 1070px;
z-index: 1;
position: relative;
padding: 0;
}
/* 絶対消さないで★_20210115 */
#siterenewal_161111 #sysWrap {
margin: 10px auto 0;
}
/*これは消さないで_20210115 */
header {
height: auto;
width: 100%;
position: relative;
}
/* ▼商品詳細　VENUS共通 */
/* ----------------------------------------------------- */
#ppage_venus {
width: 740px;
}
.ppage_venus {
position: relative;
background: #ffffff;
border: 1px solid #000;
margin-bottom: 50px;
}
.ppage_venus:after,
.ppage_venus:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.ppage_venus:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 30px;
margin-left: -30px;
}
.ppage_venus:before {
border-color: rgba(48, 167, 146, 0);
border-top-color: #000;
border-width: 31px;
margin-left: -31px;
}
.ppage_venus div {
padding: 20px;
}
.ppage_venus p {
border-bottom: 1px dotted #ccc;
margin: 0;
padding: 10px;
font-size: 150%;
}

.yline {
background: linear-gradient(transparent 60%, #ffff66 60%);
}

.ppage_venus_mid01 {
margin-top: 25px;
padding: 12px 20px 8px;
color: #fff;
background: #000;
font-size: 150%;
font-weight: bold;
}
.ppage_venus_txt01 {
padding: 20px 30px;
background: #fff;
border: 1px solid #000;
font-size: 120%;
}

.ppage_venus_img {
text-align: center;
border-width: 0 1px 1px;
border-style: solid;
border-color: #000;
}
.ppage_venus_img img {
margin: 0 !important;
vertical-align: bottom;
}

.ppage_venus_th {
padding: 12px 0 8px;
background: #e4e4e4;
text-align: center;
}
.ppage_venus_t td {
width: 33%;
padding: 5px 10px 30px;
background: #fff;
text-align: left;
vertical-align: top;
font-size: 90%;
line-height: 140%;
}

.otherpoint {
padding: 5px 0 40px;
}
.otherpoint strong {
color: #f00;
display: block;
background: none;
}
@media screen and (max-width: 480px) {
#ppage_venus {
width: 96%;
margin: 0 2%;
}
th.ppage_venus_th,
.ppage_venus_t td {
width: 100%;
display: block;
}
.ppage_venus_t img {
display: block;
text-align: center;
}
}

/**/
.sysDescription {
width: 100%;
margin: 0;
}

#tabcontent,
.detail_ta {
padding: 0;
}
#tabnavi li a {
width: 48%;
}

/* これは消さないで★古いVENUSのイメージがつまってるやつ_20210115 */
.hbr_box,
.cf_box,
.rbr_box,
.cbr_box,
.cbk_box,
.nbk_box {
border: 1px solid #666;
margin-bottom: 50px;
}

/* レビュー・説明切り替え */
#sysItemDetail .tab-menu li,
#sysItemDetail .tab-menu li.active {
width: 100%;
}
/* タブ部分調整 */
#sysItemDetail .tab-menu li.active {
text-align: center;
color: #000;
color: #fff;
background: #000 !important;
margin-bottom: -2px;
}
#sysItemDetail .tab-menu li {
text-align: center;
border: 1px solid #000 !important;
color: #fff;
background: #000 !important;
}
/* システムで似たクラスあるけどたぶんこちらで作ったクラス、もしくは記述ミス_20210115 */
#sysItemDetail .sysDesc {
padding-bottom: 20px !important;
border: 1px solid #666 !important;
}

/*絶対消さないで★_20210115 */
#sysItemDetail li.btnReview {
display: none;
}

/* 検索ページ関連_20210115 */
.sysItemSearchForm > div {
margin: 10px auto;
width: 100%;
text-align: left;
}
form.sysItemSearchForm {
text-align: center;
}
.sysItemSearchForm > div.sysItemSearchFormWord {
width: 95%;
}
#sysItemSearch #sysMain input[type="radio"] {
appearance: auto;
-webkit-appearance: auto;
}
.search_main .sysItemSearchForm {
margin: 20px 0;
}
.search_main input[type="search"] {
border: 1px solid #555;
}
.sysItemSearchFormViewType,
.sysItemListViewType {
display: none;
}
#sysMain .sysItemSearchForm {
padding: 20px 40px 30px;
background: #dae8e8;
border-radius: 0;
}
.search_main .sysItemSearchForm {
margin: 0;
}
#sysMain .sysItemSearchFormRange {
margin: 5px;
}
#sysMain .sysItemSearchFormRange input {
padding: 8px 10px;
height: 40px;
}
#sysMain .sysItemSearchForm .sysSearchButton {
width: 316px;
margin: 5px 0 0 5px;
clear: both;
padding: 9px 0;
border: solid 1px #999;
cursor: pointer;
}
#sysMain #sysItemSearchAndOr input[type="radio"] {
vertical-align: middle;
}
#sysMain .sysItemSearchAndOr,
.sysItemSearchFormRange {
width: 40%;
float: left;
margin: 5px 0;
}
#sysMain .sysItemSearchForm .sysItemSearchFormSort {
margin-right: 5px;
}
#sysMain .sysItemSearchFormSort,
#sysMain .sysItemSearchFormLimit {
width: 187px;
float: left;
margin: 5px 0;
padding: 0;
}
#sysMain .sysItemSearchFormCategory {
clear: both;
}
#sysMain input[type="search"] {
border: 1px solid #555;
height: 36px;
}

#sysBasket h1 {
margin: 0;
}
/* sslページ_20210115 */
#sysMemberRegisterRegister #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterIndex #sysMain,
#sysFormThanks #sysMain,
#sysFormConfirm #sysMain,
#sysFormIndex #sysMain,
.sysMypage #sysMain {
border: none;
box-shadow: none;
}

/* カートページ関連 */
/* .sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type="submit"],
.sysCart #sysMain button[type="submit"],
.sysCart #sysMain button {
width: 90%;
margin: 0 auto;
} */

.sysForm {
text-align: left;
}
/* .sysFormItem {
padding-bottom: 15px;
} */
input.sysButton {
width: 90%;
margin: 1.5% auto;
display: block;
}
.sysGender input,
.sysAcceptMailmagazine input {
appearance: auto;
-webkit-appearance: auto;
}
/* カートページ内の見出しなどシステムで指定があるため*/
body.sysCart #sysAll {
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", メイリオ,
Meiryo, sans-serif;
}
.sysCart h1,
.sysCart h2 {
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", メイリオ,
Meiryo, sans-serif;
}
.sysCart h3,
.sysCart h4 {
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", メイリオ,
Meiryo, sans-serif;
font-weight: 700;
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type="submit"],
.sysCart #sysMain button[type="submit"],
.sysCart #sysMain button {
width: 90%;
color: #111;
margin: 0% auto;
background: #f9f8f8;
border: 1px solid #999;
text-shadow: none;
cursor: pointer;
border-radius: 3px;
}
/* カート内数量増減ボタン */
.sysCart #sysMain .sysNumArea {
display: flex;
justify-content: space-between;
}
.sysCart #sysMain .sysNumArea button {
width: 47%;
height: 40px;
margin: 1% 0 5% 0;
padding: 0;
font-family: inherit;
color: #66bcb9;
border: solid 1px #66bcb9;
background: #fff;
}
#sysDestination #sysMain .sysNextSubmit:hover,
.sysCart #sysMain .sysNumArea button:hover,
.sysCart #sysMain .sysNumArea button:focus {
opacity: 0.7;
}

/* カート内削除ボタン */
.sysCart #sysMain .sysDeleteArea input[type="submit"] {
width: 100%;
height: 40px;
margin: 2% 0;
padding: 0;
font-family: inherit;
border: solid 1px #66bcb9;
color: #66bcb9;
}
.sysCart #sysMain .sysDeleteArea:hover,
.sysCart #sysMain .sysDeleteArea:focus {
opacity: 0.7;
}

.sysCart #sysMain #useAmazonSubmitButton .sysAmazonNextSubmit {
color: #fff;
background: #66bcb9;
border: none;
font-size: 15px;
width: 57%;
height: 45px;
margin: 0.45em 0 0.45em 0;
}
@media screen and (min-width: 1025px){
.sysCart #sysMain #useAmazonSubmitButton .sysAmazonNextSubmit {
margin: 1.5em 0 1.5em 0;
}
}
.sysCart #sysMain #useAmazonSubmitButton form {
position: relative;
}
.sysCart #sysMain #useAmazonSubmitButton form:before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 5%;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#sysBasket #sysMain select {
width: 100%;
max-width: 100%;
height: 40px;
margin: 1% 0;
}

.sysCart #sysMain #useAmazonSubmitButton:hover,
.sysCart #sysMain #useAmazonSubmitButton:focus {
opacity: 0.7;
}
/* 「割引：〇〇円引き」 */
.sysCart #sysMain span[data-name="discount"],
.sysCart #sysMain span[data-name="discount-item"],
.sysCart #sysMain span[data-name="yenbiki"] {
font-size: 20px;
}
/* 獲得ポイントの数字のみ */
.sysCart #sysMain span[data-name="get_point"] {
font-size: 15px;
}
.sysCart #sysMain div.sysBackSubmitArea input.sysBackSubmitArea,
.sysCart #sysMain form .sysBackButton {
color: #fff;
background: #66bcb9;
border: none;
width: 30%;
height: 40px;
margin: 0 10% 0 0;
border-radius: 3px;
}
.sysCart #sysMain div.sysBackSubmitArea:hover,
.sysCart #sysMain .sysBackSubmitArea:focus,
.sysCart #sysMain form .sysBackButton:hover,
.sysCart #sysMain form .sysBackButton:focus {
opacity: 0.7;
}
.sysCart #sysMain div.sysBackSubmitArea,
.sysCart #sysMain form[method="get"] {
position: relative;
margin-top: 0%;
}
.sysCart #sysMain div.sysBackSubmitArea::before,
.sysCart #sysMain form[method="get"]:before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 5%;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}

.sysTotal .sysTotalTxt {
text-shadow: none;
font-size: 16px;
}
.sysCart #sysMain .sysTotal .sysTotalTxt .sysCartAttention {
font-size: 25px;
color: #ff6347;
}
.sysCart #sysMain .sysSubTotalArea .sysCartAttention {
color: #000;
}
.sysBox {
margin: 0 0 30px;
padding: 20px;
border: 1px solid #999;
box-shadow: none;
border-radius: 0;
}

.sysCartTitle {
color: #111;
margin: 10px auto;
background: #f0f0f0;
border: 1px solid #555;
border-radius: 10px;
}
.sysNavImg {
margin-bottom: 30px;
}
.sysCart #sysPurchaseAuthMember .sysForm label {
border-left: double 5px #66bcb9;
font-size: 14px;
padding: 0 0 0 1%;
}
.sysCart #sysPurchaseAuthMember .sysFormField {
margin: 0 0 3% 0;
}
.sysCart #sysPurchaseAuthMember .sysForm input.loginId,
.sysCart #sysPurchaseAuthMember .sysForm input.loginPassword {
height: 50px;
background: #fff;
border-radius: 0;
}
#sysRegi #sysPurchaseAuthMember .sysForm input.sysLoginButton,
#sysRegi #sysMain .sysNextSubmitArea .sysNextSubmit {
width: 88%;
height: 50px;
color: #66bcb9;
background: #fff;
border: solid 1px #66bcb9;
margin: 0 auto;
font-weight: bold;
}
#sysRegi #sysMain .sysNextSubmitArea form::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10%;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #66bcb9;
border-right: solid 2px #66bcb9;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#sysPayment #sysMain .sysNextSubmitArea,
#sysRegi #sysMain .sysNextSubmitArea form,
.sysCart #sysPurchaseAuthMember .sysForm .sysSubmit,
.sysCart .sysRegisterForm .sysNextSubmitArea form {
position: relative;
font-size: 14px;
}
.sysCart #sysMain .sysNextSubmitArea:hover,
.sysCart #sysMain .sysNextSubmitArea:focus,
.sysCart #sysPurchaseAuthMember .sysForm .sysSubmit:hover,
.sysCart #sysPurchaseAuthMember .sysForm .sysSubmit:focus {
opacity: 0.7;
}
.sysCart #sysPurchaseAuthMember .sysForm .sysSubmit::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10%;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #66bcb9;
border-right: solid 2px #66bcb9;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#sysPayment #sysMain .sysNextSubmitArea::before {
display: block;
content: "";
position: absolute;
top: 50%;
right: 5%;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#sysPayment #sysMain .sysNextSubmitArea .sysNextSubmit {
width: 100%;
height: 50px;
margin: 0 auto;
font-size: 1.1em;
background: #66bcb9;
color: #fff;
display: block;
padding: 15px;
text-shadow: none;
border: none;
height: 50px;
margin: 0 auto;
font-size: 1.1em;
}
.sysSelectPaymentArea,
.sysSelectDeliveryArea,
.sysRemarksArea,
.sysSelectOptionArea {
margin: 0 0 50px;
padding: 20px 40px;
border: 2px solid #ccc;
background: #fff;
}

/* 支払方法選択ページの各項目名 */
.sysSelectPayment li label,
.sysSelectDelivery li label,
.sysRemarks label,
.sysSelectOption li label {
font-weight: bold;
}

h2.sysCartTitle {
color: #fff;
background: #fff;
margin-bottom: 10px;
padding: 0 2%;
border: none;
border-radius: 0;
background: #66bcb9;
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", メイリオ,
Meiryo, sans-serif;
}
.sysSelectPayment li,
.sysSelectDelivery li,
.sysRemarks,
.sysSelectOption li {
padding: 1.5em 0;
}

.sysCart #sysMain .card-month,
.sysCart #sysMain .card-year {
display: inline;
}
.sysUseCouponsExplanation {
margin: 1em 0 2em 0;
line-height: 1.7em;
text-align: justify;
font-size: 0.98em;
}
/*tab only*/
@media (max-width: 1040px) and (min-width: 480px) {
body {
font-size: 16px;
}

input[type="text"],
input[type="image"] {
font-size: 16px;
border-radius: 0;
-webkit-appearance: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
.aquaheader,
.aquaheader ul.parent-cate,
.h-info-inner,
.aquaheader #ui-tab,
.top-topics,
.footer-new-inner,
.footer-info {
width: 100% !important;
}
}
/* 打消し*/
#sysItemSearch .film_roll_top,
.sysCart .film_roll_top {
display: none;
}
/* 201609 カート内ヘッダー表示 */
h1 {
margin: 0 0;
}
/* カートPC(注文手続きボタン調整)20170403 */
@media only screen and (min-width: 541px) {
.sysNextSubmitAreaForUseAmazon {
width: 100%;
/* float: right; */
}
}
/*----------------------------------------*/

/*注文確認画面【ご注文詳細】＞【お届け先を変更】＞【別の住所を入力する】アコーディオン対応*/
.sysCart .sysAccordionInitialHide {
display: block;
}

/*-------------------カート内上部ナビ---------------------*/
.cart-nav {
margin-top: 1px;
background-color: #66bcb9;
display: flex;
flex-wrap: nowrap;
margin-bottom: 5%;
letter-spacing: normal;
}
@media screen and (min-width: 767px) {
.cart-nav {
margin-bottom: 34px;
margin-top: 34px;
}
}
.cart-nav li {
width: 25%;
position: relative;
height: 45px;
text-align: center;
color: #fff;
}
@media screen and (min-width: 767px) {
.cart-nav li {
height: 86px;
}
}
/******各項目サイズ調整******/
.cart-nav li.number01 {
width: 23.5%;
border-left: 1px solid #66bcb9;
}
.cart-nav li.number02 {
width: 25%;
}
.cart-nav li.number03 {
width: 23.5%;
}
.cart-nav li.number04 {
width: 23.5%;
border-right: 1px solid #66bcb9;
}
/************************/

/******現在位置以外******/
.cart-nav li.arrow::before {
content: "";
display: block;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
border-left: 12px solid #fff;
position: absolute;
right: -9px;
top: 1px;
}
.cart-nav li.arrow::after {
content: "";
display: block;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
border-left: 12px solid #66bcb9;
position: absolute;
right: -8px;
top: 1px;
}
@media screen and (min-width: 767px) {
.cart-nav li.arrow::before {
border-top: 44px solid transparent;
border-bottom: 44px solid transparent;
border-left: 24px solid #fff;
}

.cart-nav li.arrow::after {
border-top: 44px solid transparent;
border-bottom: 44px solid transparent;
border-left: 24px solid #66bcb9;
}
}
/************************/

/******現在位置******/
.cart-nav li.now {
width: 28%;
height: 43px;
margin-top: 1px;
background-color: #fff;
color: #66bcb9;
}
.cart-nav li.now::before {
content: "";
display: block;
border-top: 0 solid transparent;
border-bottom: 21px solid transparent;
border-right: 11px solid #66bcb9;
position: absolute;
right: 0;
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.cart-nav li.now::after {
content: "";
display: block;
border-top: 0 solid transparent;
border-bottom: 21px solid transparent;
border-left: 11px solid #66bcb9;
position: absolute;
right: 0;
bottom: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media screen and (min-width: 767px) {
.cart-nav li.now {
width: 28%;
height: 86px;
margin-top: 2px;
margin-bottom: 2px;
border-left: 2px solid #66bcb9;
}
.cart-nav li.now::before {
border-bottom: 42px solid transparent;
border-right: 22px solid #66bcb9;
}
.cart-nav li.now::after {
border-bottom: 42px solid transparent;
border-left: 22px solid #66bcb9;
}
}
/************************/

/******nowの一つ前******/
.cart-nav li.before::before {
content: "";
display: block;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
border-left: 12px solid #66bcb9;
position: absolute;
right: -12px;
top: 1px;
z-index: 1;
color: #fff;
}
@media screen and (min-width: 767px) {
.cart-nav li.before::before {
border-top: 44px solid transparent;
border-bottom: 44px solid transparent;
border-left: 24px solid #66bcb9;
right: -24px;
}
}
/************************/

/******サンクスページのご注文完了******/
.cart-nav li.last {
width: 28%;
height: 43px;
margin-top: 1px;
background-color: #fff;
color: #66bcb9;
}
@media screen and (min-width: 767px) {
.cart-nav li.last {
width: 28%;
height: 86px;
margin-top: 2px;
margin-bottom: 2px;
border-left: 2px solid #66bcb9;
}
}
/************************/

.cart-nav li .txt {
line-height: 1.5;
text-align: center;
font-size: 11px;
position: absolute;
right: 0;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}

@media screen and (min-width: 767px) {
.cart-nav li .txt {
font-size: 16px;
}
}
/*-------------------///カート内上部ナビ///---------------------*/

/*-------------------カートTOPおすすめ商品---------------------*/
.cart-recommend,
.cart-recommend .wrap,
.cart-recommend .wrap .content {
width: 100%;
padding: 0;
margin: 0 auto;
}

.cart-recommend {
margin-top: 15%;
margin-bottom: 10%;
}

.cart-recommend .wrap h2 {
margin: 0 auto;
text-align: center;
font-size: 30px;
font-family: "Poppins", "YuMincho";
color: #333;
position: relative;
line-height: 60%;
letter-spacing: -0.2px;
}

.cart-recommend .wrap h2 span {
background: linear-gradient(transparent 80%, #dae8e8 0%);
margin-bottom: 5%;
}

.cart-recommend .wrap p.sub {
text-align: center;
color: #878787;
font-size: 14px;
}

.cart-recommend .wrap .content ul.itemblock {
flex-wrap: wrap;
display: flex;
justify-content: flex-start;
margin-top: 5%;
}

.cart-recommend .wrap .content ul.itemblock li.item {
width: 23.5%;
margin: 0 2% 2% 0;
padding: 0;
display: inline-block;
float: none;
vertical-align: top;
letter-spacing: normal;
}

.cart-recommend .wrap .content ul.itemblock li.item:nth-child(4n) {
margin-right: 0;
}

/*-------------------///カートTOPおすすめ商品///---------------------*/
/***********************************/

/* Youtube埋め込み */
.video {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.video iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/* 数量追加非表示 itemstyle.cssに移設したい_20210115 */
#sysNumber .sysNumArea {
display: none !important;
}

/* 神崎＿カートを見るボタンの調整 恐らく商品ページ内だが詳細不明_20210115 */
#sysSubmit .sysGoCartButton {
padding: 10px 20px;
}
/* よく見かけるので消すに消せない_20210115 */
.clear-fix {
clear: both;
}

/* AmazonPay指定後にでてくるのかも_20210115 */
.sysAmazonSelectDelivery {
display: block;
}
.sysAmazonSelectDelivery input[type="radio"] {
width: 20px;
}

/* 商品ページのバリエーションテーブル内_20210115 */
#sysItemDetail .sysForm #sysVariation select {
font-size: 16px;
}

/* レビュー一覧ページ 色々加筆_20210115 */
#sysItemReviewIndex img.sysList {
width: 30%;
}
#sysItemReviewIndex #sysMain form[novalidate="novalidate"] input {
width: 33.5%;
margin: 1% 0;
appearance: none;
-webkit-appearance: none;
}

#sysItemReviewIndex #sysMain form[method="post"] select {
width: 40%;
}
#sysItemReviewIndex #sysMain form[method="post"] input {
display: inline-block;
width: 20%;
margin: 0;
appearance: none;
-webkit-appearance: none;
}
#sysItemReviewIndex #sysMain form[method="post"] input[value="確認画面に進む"] {
width: 8rem;
}
#sysItemReviewIndex #sysMain form[method="post"] .sysNickname input[name^="review"] {
width: 100%;
}
#sysItemReviewIndex #sysMain form[method="post"] .sysEvaluation input[name^="review"] {
width: 1rem;
height:1rem;
}

#sysItemReviewIndex .sysReviewHistoryList {
width: 100%;
margin-top: 2%;
}
#sysItemReviewIndex .sysReviewHistoryList li {
padding: 3%;
border: 1px solid #ccc;
background-color: #fcfcfc;
line-height: 160%;
margin: 0 0 4% 0;
}
#sysItemReviewIndex .sysReviewText {
margin-bottom: 1%;
clear: both;
padding: 5px 0 0 0;
border-top: 1px solid #ccc;
}
#sysItemReviewIndex .sysReviewImproperForm {
display: none;
}
#sysItemReviewIndex .sysReviewItemList li {
margin-bottom: 30px;
}
#sysItemReviewIndex .sysThumbnailImage {
border: 1px solid #ccc;
border-radius: 6px;
padding: 5px;
}
#sysItemReviewIndex .sysReviewItemName a {
display: block;
}
#sysItemReviewIndex .sysReviewHistoryList .sysReviewDatetime {
padding: 0;
}
#sysItemReviewIndex .sysReviewList {
width: 100%;
margin: 0;
}
#sysItemReviewIndex input.sysButton {
display: inline-block;
margin: 10px 5% 30px;
}
#sysItemReviewIndex .sysReviewItemList {
padding-top: 30px;
}
#sysItemDetail {
font-weight: normal !important;
}

/* ココカラ　バリエーションのテーブル　itemstyle.cssと共存している上に、バリエーション2つの場合の指定もあるので精査が必要_20210115 */
#sysItemDetail #sysVariation {
color: #484848;
font-size: 14px;
margin-bottom: 10px;
width: 100%;
padding-left: 1%;
}
#sysItemDetail .sysFormVariationTable {
display: block;
border: none;
margin: 0;
}
#sysItemDetail .sysFormVariationTable tbody {
display: block;
overflow: hidden;
}
#sysItemDetail .sysFormVariationTable tr {
display: block;
float: left;
font-size: 0.7rem;
}
#sysItemDetail .sysFormVariationTable tr:first-child {
width: 90%;
}
#sysItemDetail .sysFormVariationTable tr:last-child {
width: 10%;
}
#sysItemDetail .sysFormVariationTable th,
#sysItemDetail .sysFormVariationTable td {
text-align: left;
display: block;
background-color: #fff;
border-top: none;
border-right: none;
border-left: none;
font-size: 0.75rem;
height: 60px;
}
#sysItemDetail .sysFormVariationTable th {
line-height: 160%;
}
#sysItemDetail .sysFormVariationTable th:first-child,
#sysItemDetail .sysFormVariationTable td:first-child {
padding: 0;
height: 0;
}
#sysItemDetail .sysItemImages,
#sysItemDetail .sysBuyForm {
color: gray;
padding: 0 5px;
line-height: 1.25;
}
.fullwidth {
width: 100% !important;
float: none !important;
}
.fullwidth > div {
padding-left: 20px;
}

/* 消しても良さそうだけどわからない_20210115 */
#sysItemDetail .sysItemName > h1 {
line-height: 150%;
margin-bottom: 5px;
padding: 0;
text-decoration: none;
}
/* itemstyle.cssに移設したい_20210115 */
#sysItemDetail .sysRetailPrice {
border-bottom: 0px solid #333;
color: #000;
font-size: 100%;
margin-bottom: 10px;
padding-bottom: 5px;
font-weight: bold;
}
#sysItemDetail #sysNumber .customSelect {
background-position: 57px center;
margin-right: 10px;
padding-right: 38px;
width: 80px;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
}
#sysItemDetail #sysNumber .customSelect .customSelectInner {
padding: 13px;
}
#sysItemDetail #sysTabContent {
margin-bottom: 40px;
}
#sysItemDetail .tab-menu li {
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
padding: 10px;
border: 1px solid #cccccc;
background-color: #cccccc;
position: relative;
top: 8px;
margin-right: 5px;
}
#sysItemDetail .tab-menu li.active {
border-bottom: 1px solid #fff;
background-color: #fff;
}
#sysItemDetail .sysDesc {
padding: 10px 10px 0 10px;
border: 1px solid #cccccc;
}
#sysItemDetail #sysExplanation section {
margin-bottom: 0px;
overflow: hidden;
}
/*#sysItemDetail #sysExplanation img {
margin: 5px auto;
}*/
#sysItemDetail #sysExplanation .itemInformation {
width: 100%;
border-top: 1px solid #cccccc;
}
#sysItemDetail #sysExplanation .itemInformation tr {
border-bottom: 1px solid #cccccc;
}
#sysItemDetail #sysExplanation .itemInformation p {
font-size: 80%;
}
#sysItemDetail #sysExplanation .sysItemImages.itemGallary {
width: 100%;
float: none;
text-align: center;
}
#sysItemDetail #sysExplanation .sysItemImages.itemGallary .sysImageList {
width: 96%;
margin: 0 auto;
letter-spacing: -0.4em;
text-align: left;
}
#sysItemDetail #sysExplanation .sysItemImages.itemGallary .sysImageList li {
width: 15.66%;
margin: 0 1% 1% 0;
height: auto;
line-height: 100%;
float: none;
display: inline-block;
letter-spacing: normal;
zoom: 1;
*display: inline;
vertical-align: top;
}
#sysItemDetail
#sysExplanation
.sysItemImages.itemGallary
.sysImageList
li:nth-child(4n + 4) {
margin-right: 1%;
}
#sysItemDetail #sysExplanation .staff-wore {
overflow: hidden;
}
#sysItemDetail #sysExplanation .staff-wore li {
width: 31%;
margin: 0 1%;
float: left;
}
#sysItemDetail #sysExplanation .p-item-color-list li {
width: 23%;
margin: 0 1%;
float: left;
}
#sysItemDetail #sysExplanation .p-item-color-list li img {
width: 100%;
}
#sysItemDetail #sysExplanation .p-item-link-button li {
width: 48%;
margin: 0 1%;
float: left;
}
#sysItemDetail #sysDescriptionPc p,
#sysItemDetail #sysDescriptionMobile p {
color: #484848;
font-size: 14px;
line-height: 22px;
margin-bottom: 18px;
}

#sysItemDetail .sysForm #sysVariation select {
height: 40px !important;
}
#sysItemDetail .sysForm #sysVariation .customSelect {
background-position: 213px center;
padding-right: 38px;
width: 238px;
}
#sysItemDetail .sysForm #sysVariation .customSelect .customSelectInner {
padding: 13px;
}
.sysCartInDone {
font-size: 0.875rem;
text-align: center;
color: black;
}

/* 実店舗＆提携サロンバナーエリア */
.tenpobnr {
background: #fcf3df;
padding: 15px 15px 20px;
margin: 30px 0;
border: 2px solid #594122;
border-radius: 6px;
}
.tenpobnr span {
width: 31%;
margin: 0 1%;
display: block;
float: left;
}

/* 2019.06.07 カテゴリページリード文
カテゴリ上のタイトルとテキスト、色々差し替えたら不要_20210115 */
.cate_ttl {
width: 100%;
padding: 2%;
margin: 4% 0 2%;
text-align: center;
border: 1px solid #666;
border-radius: 6px;
font-size: 1.3em;
}
.cate_txt {
margin-bottom: 2%;
line-height: 200%;
}

/* 190725 AmazonPayメール便不具合回避(編集不可) */
.sysSelectHopeDelivery div:first-child {
display: none;
}
/* 190725 AmazonPayメール便不具合回避(編集不可) */

/* 190819 handmadeLPランキング用
/handmadeの商品一覧でサムネ上に空白できるのを回避している_20210115
*/
.venuslp_190816_lineup01 .sysContent .sysIconRank img,
.venuslp_190816_lineup02 .sysContent .sysIconRank img,
.venuslp_190816_lineup03 .sysContent .sysIconRank img,
.venuslp_190816_lineup04 .sysContent .sysIconRank img,
.venuslp_190816_lineup05 .sysContent .sysIconRank img,
.venuslp_190816_lineup06 .sysContent .sysIconRank img {
height: 0;
}

/* 190905 商品ページ無料試着用リンク itemstyle.cssに移設したい */
#sysExplanation .ff_link {
background: #3097df;
text-align: center;
border: none;
margin: 2% 10%;
width: 80%;
border-radius: 6px;
position: relative;
}

#sysExplanation .ff_link a {
color: #fff;
display: block;
padding: 4% 1%;
text-decoration: none;
}
#sysExplanation .ff_link:hover {
opacity: 50%;
text-decoration: underline;
}
#sysExplanation .ff_link a::after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 15px;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/*200318 お知らせ全ページ表示*/
.gnavi_keyword {
display: block;
}

.sysNextSubmitAreaForUseAmazon #useAmazonSubmitButton input {
font-family: inherit;
}
.sysBackButton {
padding: 0;
font-family: inherit;
}
.sysNextSubmitAreaForUseAmazon {
font-family: inherit;
}
#sysBasket #sysMain {
font-family: inherit !important;
}

/*200415 無料試着調整用*/
iframe #parentframe {
width: 100%;
}

#sysWishlist,
.sysWishListButtonForm {
margin: 0 auto;
text-align: center;
margin-top: 20px;
margin-bottom:20px
}

.sysDesc a {
text-decoration: underline;
}

/*20200909商品ページスライダー調整*/
.sysModal a[href="javascript:void(0)"] {
display: block;
width: 100%;
text-align: center;
}
.sysModal a[href="javascript:void(0)"] img {
margin: 0 auto;
}

/*20201009商品オプションプルダウン調整*/
#sysSelections div {
margin-bottom: 30px;
text-indent: 2px;
}
#sysItemDetail #sysSelections select {
width: 100%;
margin: 5px 0;
padding: 10px;
font-size: 0.8rem;
}

/* ユーザーCSSのタブレットに入っていたもの */
@media (max-width: 1024px) and (min-width: 766px) {
/*tab表示テスト iPad実機だとなぜか表示崩れしたいなかったが、max-widthが1100pxで指定されていたので表示できるはずがないので
とりあえず、以下の指定で検証モードでタブレット表示崩れ解消される_20210115 */
body {
min-width: 0;
}
.hnavi {
height: 90px;
}
.hnavi .wrap {
width: 100%;
}
.hnavi ul {
top: 60px;
}
.gnavi > ul {
width: 100%;
}
.gnavi > ul > li > ul {
width: 25vw;
}
.gnavi li:hover ul.submenu {
left: 100%;
width: 60vw;
}
.gnavi_keyword .wrap {
width: 100%;
}
.slider_block img {
//max-width: 100vw;
}
.shop_footer .wrap {
width: 100%;
}
/***************************/

#sysWrap {
width: 96%;
margin: 150px 2% 0;
}

#top #sysWrap {
width: 96%;
margin: 0px 2% 0;
}

div#sysMain {
width: 100%;
float: right;
}
div#sysAside {
display: none;
}
div#sysAside .menu {
width: 100%;
font-size: 16px;
}

#sysWrap {
margin: 40px 2% 0;
}
.w90p {
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
.w80p {
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
/* 2017.10 お客様の感想ページ */
#zoom_view .inner {
width: 70%;
}
}

/* ユーザーCSSのPCに入っていたもの */
@media screen and (min-width: 1025px) {
/*詳細不明_20210115*/
.pc_w90 {
width: 90%;
margin: 0 auto;
}
/* TOPページ以外有効_20210115 */
#sysWrap {
margin: 50px auto;
}
/* 商品ページは750px、それ以外に有効_20210115 */
div#sysMain {
width: 780px;
float: right;
}
/* 絶対消さないで★_20210115 */
div#sysAside {
width: 220px;
float: left;
}
/* 写真レイアウト 詳細不明_20210115*/
.photo_layout ul {
overflow: hidden;
}
.photo_layout ul li {
float: left;
margin-bottom: 30px;
}
.photo_layout ul li:nth-child(3n + 2) {
margin: 0 31px 30px;
}
/* ワンページカート設定 */
.opcConfirm {
padding: 1% 5% 7%;
}
/* ヘッダーロゴ上のキャッチコピー_20210115 */
.head_copy {
font-size: 1em;
text-align: center;
/*line-height: 2.8;*/
font-weight: lighter;
letter-spacing: -1px;
}
/* 200317 AmazonPayボタン調整*/
#upperAmazonPayButton,
#amazonPayTopLoginButton {
margin: 1.5em 0 1.5em 0;
}
#lowAmazonPayButton,
#amazonPayBottomLoginButton {
margin: 1.5em 0 1.5em 0;
}
}
/* sp.cssに入っていたもの+α */
@media screen and (max-width: 767px) {
#sysMypageLogin #sysMain form[action="./"] {
width: 100%;
}
#sysMypageLogin #sysMain form[action="./"]::before {
right: 12%;
}
.sysMypage #sysMain h2 {
padding: 2% 2%;
}
.sysContent .sysItemBlock .sysHorizontal {
font-size: small;
}
#sysItemDetail .sysCategoryPankuzu {
font-size: 11px;
overflow: scroll;
}
.sysItemCategoryPankuzu {
font-size: 11px;
overflow: scroll;
}
.sysItemList ul.sysThumbnail {
font-size: small;
}
.sysItemList ul.sysThumbnail input {
font-size: x-small;
}
.sysItemList ul.sysThumbnail li {
width: 49.5%;
}
.sysItemList ul.sysThumbnail li:nth-child(3n) {
margin-right: 1%;
}
.sysItemList ul.sysThumbnail li:nth-child(2n) {
margin-right: 0;
}
.orderArea {
letter-spacing: normal;
}
.sysAcceptDomainArea .sysAcceptDomain input {
width: 95%;
}
#sysBillingAddress #sysMain .input-append input[type="text"] {
margin: 0;
}
#sysMemberRegisterIndex #sysMain button[name="searchAddress"],
#sysFormIndex #sysMain .sysFormField button[name="getAddress"] {
width: 50%;
}
.sysLoginButton {
width: 90%;
}
.sysMypageNav > form {
width: 100%;
float: none;
}
.sysMypageNav > form:nth-child(2n) {
margin-right: 2%;
}
#sysMypageEditDelivery .input-append button,
#sysMypageEditMember button[name="searchAddress"] {
width: 30%;
}
#sysMypageEditMember select {
height: 41px;
}
#sysMypageReview .sysItemList ul.sysList li,
#sysMypageAshiato .sysItemList ul.sysList li {
width: 100%;
float: none;
}
#sysMain .sysItemSearchForm {
padding: 3%;
background: #dae8e8;
border-radius: 0;
}
.sysItemSearchForm > div {
margin: 1% auto;
}
#sysMain .sysItemSearchFormWord,
#sysMain .sysItemSearchAndOr,
#sysMain .sysItemSearchFormRange,
#sysMain .sysItemSearchFormCategory,
#sysMain .sysItemSearchFormSort,
#sysMain .sysItemSearchFormLimit {
margin: 0 0 2% 0;
}
#sysMain .sysItemSearchFormWord input {
padding: 1% 2%;
}
#sysMain .sysItemSearchAndOr,
.sysItemSearchFormRange {
width: 100%;
float: none;
}
#sysMain .sysItemSearchFormRange input {
background: #fff;
margin: 0 1% 0 0;
}
#sysMain .sysItemSearchForm .sysItemSearchFormSort {
width: 49%;
margin: 0 0 2% 0;
margin-right: 2%;
}
#sysMain .sysItemSearchForm .sysItemSearchFormLimit {
width: 49%;
margin: 0 0 2% 0;
}
#sysMain .sysItemSearchForm .sysSearchButton {
width: 100%;
padding: 0.5rem 0;
border: solid 1px #999;
margin: 0 auto;
}
#sysMain .sysItemSearchAndOr input[type="radio"] {
background: #fff;
}
#sysMain .sysItemSearchAndOr input[type="radio"]:checked {
background: #66bcb9;
}
/* システム上important必須 */
.sysCart #sysMain #useAmazonSubmitButton .sysAmazonNextSubmit {
height: 55px !important;
}
.sysCart #sysMain #useAmazonSubmitButton form:before {
top: 50%;
right: 28%;
}
.sysCart #sysMain form[method="get"]:before {
top: 55%;
left: 5%;
}
.sysBox {
padding: 2%;
}
.sysSelectPaymentArea,
.sysSelectDeliveryArea,
.sysRemarksArea,
.sysSelectOptionArea {
padding: 2%;
}
.cart-recommend .wrap h2 {
font-size: 20px;
line-height: 120%;
}
.cart-recommend .wrap .content ul.itemblock li.item {
width: 32%;
}

.cart-recommend .wrap .content ul.itemblock li.item:nth-child(4n) {
margin-right: 2%;
}

.cart-recommend .wrap .content ul.itemblock li.item:nth-child(3n) {
margin-right: 0;
}

.cart-recommend .wrap .content ul.itemblock li.item .itemname {
font-size: 0.8em;
line-height: 140%;
}

.cart-recommend .wrap .content ul.itemblock li.item .itemprice {
font-size: 1em;
}
#sysItemReviewIndex img.sysList {
width: 60%;
}
#sysItemReviewIndex #sysMain form[novalidate="novalidate"] input {
width: 60%;
}
#sysItemReviewIndex #sysMain form[method="post"] select {
width: 70%;
}
#sysItemReviewIndex #sysMain form[method="post"] input {
width: 28.5%;
}
#sysItemReviewIndex #sysMain form[method="post"] input[value="確認画面に進む"] {
width: 8rem;
}
#sysItemReviewIndex #sysMain form[method="post"] .sysNickname input[name^="review"] {
width: 100%;
}
#sysItemReviewIndex #sysMain form[method="post"] .sysEvaluation input[name^="review"] {
width: 1rem;
height:1rem;
}
#sysExplanation .ff_link {
margin: 2% 0;
width: 100%;
}
/* 絶対消さないで★システムでstyleが記述される対策？ */
div#sysMain {
width: 100%;
}
div#sysAside {
width: 100%;
}
#sysMain {
margin: 0 auto;
padding: 0;
}
#sysWrap {
width: 98%;
}
#top #sysWrap {
width: 100%;
}
/* ▼共通指定_全部検証するのは難しいので、一部見ておきます_20210115*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
dialog,
figure,
header,
hgroup,
menu,
nav,
section,
menu,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
nav ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
text-decoration: underline;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
p {
line-height: 170%;
padding: 0;
}
li {
list-style: none;
}
img {
border: none;
vertical-align: bottom;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
a:hover {
/* text-decoration: underline; */
}
.clr {
clear: both;
height: 0;
margin: 0;
padding: 0;
border: 0;
font-size: 0;
line-height: 0px;
}
h1,
h2,
h3 {
margin: 0;
padding: 0;
}

/* いらないと思うが見つからず_20210115 */
.fixed {
position: fixed !important;
top: 0 !important;
z-index: 100 !important;
opacity: 1 !important;
width: 100%;
background: rgba(255, 255, 255, 0.95) !important;
}

/* スマホ開閉メニューに使われている */
.sidr {
position: fixed;
display: none;
}

/* ▼ iPhoneデフォルトスタイル打消し */
input[type="text"] {
font-size: 14px;
border: 1px solid #555;
border-radius: 0;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* parts.css打消し */
.a_header_sp .sysContent,
.head_ir_sp .sysContent {
padding: 5px 0;
}
#sysHeader .microad_tag .sysContent,
#sysHeader .facebook_tag .sysContent {
padding: 0 !important;
}
/* リニューアル時追加 */
.itemInformation {
margin-bottom: 20px;
}
.itemInformation th,
.itemInformation td {
width: 100%;
padding: 0 5%;
display: block !important;
text-align: left;
}
.simple-content th {
width: 100%;
display: block;
padding: 5px;
background: #e6e6e6;
border-bottom: 1px solid #ccc;
}
.simple-content td {
width: 100%;
display: block;
padding: 5px 5px 15px;
}

.w90p {
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
.w80p {
width: 80%;
margin-left: 10%;
margin-right: 10%;
}

/* スマホ　カテゴリの強制非表示
詳細不明_20210115*/
#sidr-left,
#sidr-right {
display: none;
}

/* 支払方法選択ページなどののラベル達 */
.sysSelectPayment li label,
.sysSelectDelivery li label,
.sysRemarks label,
.sysSelectOption li label {
width: 100%;
}

/* 写真レイアウト
詳細不明_20210115*/
.photo_layout ul li {
margin: 0 auto 20px;
text-align: center;
}

/* ヘッダーロゴ上キャッチコピー */
.head_copy {
font-size: 10px;
text-align: center;
font-weight: lighter;
line-height: 1.3;
}

/* ワンページカート設定 */
.opcConfirm {
padding: 2% 0 15%;
}
.opcCommonInputText,
.opcCommonInputSelect,
.opcCommonInputRadio,
.opcCommonInputCheckbox {
margin-left: 0;
}

/*AmazonPayボタン下マージン*/
.sysNextSubmitAreaForUseAmazon {
margin-bottom: 10%;
}
}
/* 190726 youtubeレスポンシブ表示用 */

.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}

.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/* 210914 type="submit" iOS対応 */
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
.iryoutop_jiswig{margin-bottom:80px}

/* //外部リンクアイコン */
i.icon_blog:before {
content: '';
display: inline-block;
width: 16px;
height: 11px;
background-image: url("https://aquadollwig.jp/img/icon/icon_blog.png");
background-size: contain;
vertical-align: middle;
margin-left: 5px;
}
i.icon_blog_hue:before {
content: '';
display: inline-block;
width: 16px;
height: 11px;
background-image: url("https://aquadollwig.jp/img/icon/icon_blog.png");
background-size: contain;
vertical-align: middle;
margin-left: 5px;
mix-blend-mode:hard-light;
}

#sysPayment #sysMain form .sysRemarksArea::before {
content: "";
border-top:none;
border-right:none;
}

#sysAll .sysContent {
padding: 0;
}
.cuttingService-display{display:block;}
#cuttingService{display:block;margin: 40px 0;}
.throughline{
text-decoration: line-through;
font-size:1em;
}
.throughline-red{color:red;font-size:1.2em}

/*セール時、会員限定用のCSS*/
/*セール時、コメントアウト外す*/
/*.member_price_text{
display:block;
margin:1em 0 1em 0;
}
.member_price_text::after{
content: "会員はさらに+1%OFF";
background: #eee;
padding: 0.5em 1em;
color: red;
font-weight: bold;
}
*/

.slider_block .slick-slide{
padding:0 10px;
max-width:560px
}
.salon_mainimg_block .slider_block .slick-slide{
max-width:initial;
}
/*パートナーサロン一覧用*/
.nandemowrapper {
max-width: 750px;
width: 100%;
margin: 0 auto;
}

.areaList {
font-size: 17px;
margin: 0;
padding: 0;
}

.areaList * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* .areaList div {
padding: 0;
margin: 0;
} */

.areaList div {
list-style: none;
}

.areaList__area {
width: 100%;
padding: 0;
}

.areaList__area__name {
border: 1px solid #55c9c3;
text-align: center;
line-height: 2.7em;
margin: 0 0 1% 0;
font-weight: bold;
color: #66bcb9;
cursor: pointer;
}

.areaList__areaWrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
}

.areaList__flex {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: stretch;
-ms-flex-pack: flex-start;
justify-content: flex-start;
display: flex;
}

.areaList__areaWrap--able {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.areaList__areaWrap--disable {
display: none;
}

.areaList__item {
width: 32.66666666666666%;
width: calc(98% / 3);
margin: 0 1% 1% 0;
position: relative;
height: 85px;
overflow: hidden;
}



.areaList__item:nth-child(3n) {
margin: 0 0 1% 0;
}

@media screen and (max-width: 768px) {
.areaList__item {
height: 60px;
width: 48.5%;
width: calc(98% / 2);
}

.areaList__item:nth-child(3n) {
margin: 0 1% 1% 0;
}
}

.areaList__item a {
text-decoration: none;
}

.areaList__item a:hover img {
opacity: 1;
}

.areaList__item__background {
position: absolute;
left: 0;
right: 0;
margin: auto;
}

.areaList__item__background img {
width: 120%;
filter: brightness(0.5);
}

.areaList__item__background img:hover {
opacity: 1;
}

.areaList__item__background:before {
content: "";
background: #000;
opacity: 0.4;
display: block;
width: 100%;
height: 100%;
position: absolute;
}

.areaList__item__front {
position: relative;
}

.areaList__item__front__city {
position: absolute;
top: 0px;
border-radius: 0 0 20px 0;
overflow: hidden;
}

.areaList__item__front__city span {
background: #66bcb9;
color: #fff;
padding: 0.2em 1em 0.2em 0.5em;
font-size: 15px;
}

@media screen and (max-width: 768px) {
.areaList__item__front__city {
line-height: 1em;
}

.areaList__item__front__city span {
font-size: 14px;
}
}

.areaList__item__front__salon {
text-align: center;
height: 100%;
line-height: 90px;
font-weight: bold;
color: #fff;
font-size: 21px;
}

.areaList__item__front__salon--longname {
font-size: 21px;
}

@media screen and (max-width: 768px) {
.areaList .areaList__item__front__salon--longname {
font-size: 14px;
}
}

@media screen and (max-width: 768px) {
.areaList__item__front__salon {
font-size: 15px;
text-align: right;
margin: 0 0.5em 0 0;
}
}

.js-areaList-accordion--disable {
position: relative;
}

.js-areaList-accordion--disable:before {
content: "\f13a";
width: 0;
height: 0;
/* position: absolute; */
/* border-top: 10px solid #66bcb9;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent; */
font-family: "Font Awesome 5 Free";
right: 1em;
top: 50%;
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
}

.js-areaList-accordion--able {
position: relative;
}

.js-areaList-accordion--able:before {
content: "\f139";
width: 0;
height: 0;
/* position: absolute; */
/* border-top: 10px solid #66bcb9;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent; */
font-family: "Font Awesome 5 Free";
right: 1em;
top: 50%;
-webkit-transform: translateY(-60%) rotate(180deg);
transform: translateY(-60%) rotate(180deg);
}
.salon-review__title {
margin: 1em auto;
text-align: left;
font-size: 18px;
font-weight: bold;
border-bottom: solid 2px #323232;
max-width:750px;
}

@media (min-width: 750px) {
.salon-review__title {
font-size: 22px;
}
}

.salon-review__list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
gap: 20px;
max-width:750px;
margin:0 auto 2em auto;
}

.salon-review__item {
border: 2px solid #66bcb9;
padding: 20px;
border-radius: 5px;
background-color: #fff;
}

.salon-review__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}

.salon-review__author {
font-weight: bold;
margin: 1em 0;
}

.salon-review__date {
font-size: 0.9em;
color: #777;
}

.salon-review__star-rating {
color: #fbb040;
font-size: 1.2em;
}

.salon-review__content {
line-height: 1.6;
}

.medical_biginner .sysContent .sysItemBlock .sysHorizontal li{width:25%!important}
.shop_footer .modalContent{display:none;}
.shop_footer .modalActive{display:block;}
.halloween-coupon{display:none;}
.halloween-coupon img{
width:100%;
display:block;
}
div#sysMain {
margin-bottom: 2em;
}


/* NEWタグ 付与★全部に必要なもの ここから */
li[data-item-id] .sysThumbnailImage a {
position: relative;
display:block;
}
.sysItemList ul.sysThumbnail li img{
display:block;
}
/* NEWタグ 付与★全部に必要なもの ここまで */


<!-- /* オンライン限定タグ 付与★_一部ヘアピース＆帽子 ここから*/ -->

li[data-item-id="wgt101"] .sysThumbnailImage a::after {
content: "オンライン限定";
z-index: 1;
position: absolute;
top:0;
display: block;
background: #ed1e79;
color: #fff;
padding: .3em 1em;
font-weight: bold;
}

li[data-item-id="wgt102"] .sysThumbnailImage a::after {
content: "オンライン限定";
z-index: 1;
position: absolute;
top:0;
display: block;
background: #ed1e79;
color: #fff;
padding: .3em 1em;
font-weight: bold;
}
li[data-item-id="wgt100"] .sysThumbnailImage a::after {
content: "オンライン限定";
z-index: 1;
position: absolute;
top:0;
display: block;
background: #ed1e79;
color: #fff;
padding: .3em 1em;
font-weight: bold;
}
li[data-item-id="mdh030"] .sysThumbnailImage a::after {
content: "オンライン限定";
z-index: 1;
position: absolute;
top:0;
display: block;
background: #ed1e79;
color: #fff;
padding: .3em 1em;
font-weight: bold;
}
li[data-item-id="mdh029"] .sysThumbnailImage a::after {
content: "オンライン限定";
z-index: 1;
position: absolute;
top:0;
display: block;
background: #ed1e79;
color: #fff;
padding: .3em 1em;
font-weight: bold;
}
li[data-item-id="mdh028"] .sysThumbnailImage a::after {
content: "オンライン限定";
z-index: 1;
position: absolute;
top:0;
display: block;
background: #ed1e79;
color: #fff;
padding: .3em 1em;
font-weight: bold;
}
li[data-item-id="mdh027"] .sysThumbnailImage a::after {
content: "オンライン限定";
z-index: 1;
position: absolute;
top:0;
display: block;
background: #ed1e79;
color: #fff;
padding: .3em 1em;
font-weight: bold;
}

<!-- /* NEWタグ 付与★_20250226以降 ここから*/ -->

li[data-item-id="wg358"] .sysThumbnailImage a::after {
content: "NEW";
z-index: 1;
position: absolute;
top:0;
display: block;
background: #ed1e79;
color: #fff;
padding: .3em 1em;
font-weight: bold;
}

li[data-item-id="wg359"] .sysThumbnailImage a::after {
content: "NEW";
z-index: 1;
position: absolute;
top:0;
display: block;
background: #ed1e79;
color: #fff;
padding: .3em 1em;
font-weight: bold;
}

li[data-item-id="wg360"] .sysThumbnailImage a::after {
content: "NEW";
z-index: 1;
position: absolute;
top:0;
display: block;
background: #ed1e79;
color: #fff;
padding: .3em 1em;
font-weight: bold;
}

li[data-item-id="slnNM001"] .sysThumbnailImage a::after {
    content: "NEW";
    z-index: 1;
    position: absolute;
    top:0;
    display: block;
    background: #ed1e79;
    color: #fff;
    padding: .3em 1em;
    font-weight: bold;
}
    
li[data-item-id="slnNM002"] .sysThumbnailImage a::after {
    content: "NEW";
    z-index: 1;
    position: absolute;
    top:0;
    display: block;
    background: #ed1e79;
    color: #fff;
    padding: .3em 1em;
    font-weight: bold;
}
   
li[data-item-id="wg361"] .sysThumbnailImage a::after {
    content: "NEW";
    z-index: 1;
    position: absolute;
    top:0;
    display: block;
    background: #ed1e79;
    color: #fff;
    padding: .3em 1em;
    font-weight: bold;
}
   
li[data-item-id="wg362"] .sysThumbnailImage a::after {
    content: "NEW";
    z-index: 1;
    position: absolute;
    top:0;
    display: block;
    background: #ed1e79;
    color: #fff;
    padding: .3em 1em;
    font-weight: bold;
}

li[data-item-id="wgn060"] .sysThumbnailImage a::after {
    content: "NEW";
    z-index: 1;
    position: absolute;
    top:0;
    display: block;
    background: #ed1e79;
    color: #fff;
    padding: .3em 1em;
    font-weight: bold;
}

li[data-item-id="mnw339a"] .sysThumbnailImage a::after {
    content: "NEW";
    z-index: 1;
    position: absolute;
    top:0;
    display: block;
    background: #ed1e79;
    color: #fff;
    padding: .3em 1em;
    font-weight: bold;
}

li[data-item-id="mnp210"] .sysThumbnailImage a::after {
    content: "NEW";
    z-index: 1;
    position: absolute;
    top:0;
    display: block;
    background: #ed1e79;
    color: #fff;
    padding: .3em 1em;
    font-weight: bold;
}
li[data-item-id="wg363"] .sysThumbnailImage a::after {
    content: "NEW";
    z-index: 1;
    position: absolute;
    top:0;
    display: block;
    background: #ed1e79;
    color: #fff;
    padding: .3em 1em;
    font-weight: bold;
}
li[data-item-id="wg364"] .sysThumbnailImage a::after {
    content: "NEW";
    z-index: 1;
    position: absolute;
    top:0;
    display: block;
    background: #ed1e79;
    color: #fff;
    padding: .3em 1em;
    font-weight: bold;
}
@media screen and (max-width:480px){

}
@media screen and (min-width:481px) and (max-width:800px){

}
@media screen and (min-width:801px){

}
/* #END_OF_RESOURCE_FILE */