/*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;
    }

    #sysMain .sysExplanation iframe#parentframe {
        height: 6800px !important;
    }

    @media screen and (max-width: 700px) {
        #sysMain .sysExplanation iframe#parentframe {
            height: 6600px !important;
        }
    }

    /* 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;
    }

    li[data-item-id="wgt103"] .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="wgt104"] .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="wgt105"] .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="wgt106"] .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="wgt107"] .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="wgt108"] .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="mdh034"] .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="mdh035"] .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="mdh036"] .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="mdh037"] .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="mdh038"] .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="mdh039"] .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="wgn064"] .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="rm007o"] .sysThumbnailImage a::after {
        content: "オンライン限定";
        z-index: 1;
        position: absolute;
        top: 0;
        display: block;
        background: #ed1e79;
        color: #fff;
        padding: .3em 1em;
        font-weight: bold;
    }

    < !--

    /* NEWタグ 付与★_20260402以降 ここから*/
    -->li[data-item-id="wgt824"] .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="wgt825"] .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="wgn063"] .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="pw135"] .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="mdh033"] .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="wgn065"] .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="wgn066"] .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="wgn067"] .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="wg381"] .sysThumbnailImage a::after {
        content: "NEW";
        z-index: 1;
        position: absolute;
        top: 0;
        display: block;
        background: #ed1e79;
        color: #fff;
        padding: .3em 1em;
        font-weight: bold;
    }

    #sysMypageLogin #sysMain .sysAmazonLogin {
        display: flow-root;
        width: 100%;
        text-align: center;
        font-size: .8em;
        border: 1px solid #333;
        box-sizing: border-box;
        width: 50%;
        margin: 0 auto;
        padding: .8em;
        color: #333;
    }

    #sysMypageLogin #sysMain .sysAmazonLoginButton {
        margin: 10px auto;
    }

    @media screen and (max-width: 767px) {
        #sysMypageLogin #sysMain .sysAmazonLogin {
            width: 90%;
            margin: 0 auto;
        }
    }


    .aquadoll-ai-info {
        max-width: 900px;
        margin: 36px auto;
        color: #333;
        font-size: 14px;
        line-height: 1.85;
    }

    #sysItemDetail #sysExplanation .aquadoll-ai-info section {
        margin: 0 0 34px;
        padding: 0;
    }

    .aquadoll-ai-info h2 {
        margin: 0 0 14px;
        padding: 10px 14px 10px 16px;
        border-left: 5px solid #66bcb9;
        background: #f4fbfb;
        color: #2f5554;
        font-size: 19px;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: 0;
    }

    .aquadoll-ai-info table {
        width: 100%;
        border-collapse: collapse;
        border-top: 1px solid #dae8e8;
        background: #fff;
    }

    .aquadoll-ai-info caption {
        margin: 0 0 8px;
        color: #667;
        font-size: 12px;
        text-align: left;
    }

    .aquadoll-ai-info th,
    .aquadoll-ai-info td {
        padding: 13px 15px;
        border-bottom: 1px solid #dae8e8;
        vertical-align: top;
        box-sizing: border-box;
    }

    .aquadoll-ai-info th {
        width: 28%;
        min-width: 180px;
        background: #f8fbfb;
        color: #3d7472;
        font-weight: 600;
        text-align: left;
    }

    .aquadoll-ai-info td {
        color: #444;
    }

    .aquadoll-ai-info .ai-info-note {
        margin: 18px 0 0;
        color: #666;
        font-size: 12px;
        line-height: 1.7;
    }

    @media screen and (max-width: 640px) {
        .aquadoll-ai-info {
            margin: 28px auto;
            font-size: 13px;
        }

        #sysItemDetail #sysExplanation .aquadoll-ai-info section {
            margin-bottom: 28px;
        }

        .aquadoll-ai-info h2 {
            padding: 9px 12px;
            font-size: 17px;
        }

        .aquadoll-ai-info th,
        .aquadoll-ai-info td {
            display: block;
            width: 100%;
            min-width: 0;
            padding: 10px 12px;
        }

        .aquadoll-ai-info th {
            border-bottom: 0;
        }

        .aquadoll-ai-info td {
            padding-top: 0;
        }
    }
@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 */