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

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

li[data-item-id="wg355"] .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="pwm016"] .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="pwm017"] .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="wg366"] .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="wg367"] .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="wg370"] .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="wg368"] .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="wg369"] .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="wgt828"] .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="wg365"] .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="wgt831"] .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="wgt832"] .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="slnNM003"] .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="mdh031"]
.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="mdh032"]
.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="pw133"]
.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="pw134"]
.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="wg371"]
.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="wgt833"]
.sysThumbnailImage a::after { content: "NEW"; z-index: 1; position: absolute; top:0; display: block;
background: #ed1e79; color: #fff; padding: .3em 1em; font-weight: bold; }

@media screen and (max-width:480px){

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

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

}
/* #END_OF_RESOURCE_FILE */