/* * * Templat BASIC form aishipR * * クラス値命名規則 * h:ヘッダー用 m:メイン用 s:サイドバー用 f:フッター用 p:汎用 * * Table Of Content * * 1-0 ALL Setting * 1-1 Webkit appearance * 1-2 Layout Setting * 2-0 Function Parts * 2-1 Clearfix * 2-2 Holizontal Item Block * 2-3 Vertical Item Block * 2-4 Facebook * 2-5 Button * 2-6 機能パーツ：商品カテゴリ * 2-7 グリッドナビ（スタイル:gridnav） * 2-8 非表示コンテンツ(FB/タグマネージャ等用) * 2-9 トグル機能アニメーション * 2-10 カテゴリ・商品詳細ページ 見出し部下線 * 2-11 機能パーツ：テキスト * 2-12 見出し * 2-13 Bootstrap Buttons UI kit * 2-14 Responsive Grid System * 3-0 Module * 3-1 Header * 3-1-1 サイトロゴ * 3-1-2 カート・マイページボタン * 3-1-3 ドロップダウンメニュー * 3-1-4 カート・ログインボタン * 3-1-5 メインメニュー * 3-1-6 検索フォーム * 3-2 Main * 3-2-1 Main IMAGE * 3-2-2 Half Banner * 3-2-3 PICK UP Item * 3-2-4 News & SNS * 3-2-5 ShopInformation * 3-2-6 Notice * 3-3 Aside * 3-3-1 Aside Check List * 3-3-2 Aside Login Form & Search Form * 3-3-3 Aside Banner * 3-3-4 Aside Login Form * 3-4 Footer * 3-4-1 Footer Site Map * 3-4-2 Page Top Btn * 3-4-3 CopyRight * 4-0 Page-Content * 4-1 Archive Page * 4-1-1 Free Area * 4-1-2 Pankuzu List * 4-1-3 Category View Mode * 4-1-4 Item PR Setting * 4-1-5 Cart Button * 4-1-6 Archive List Item * 4-1-7 Archive Thumbnail Item * 4-2 Item Page * 4-2-1 Item IMAGE * 4-2-2 Item Name * 4-2-3 Order Area * 4-2-4 Item Page Titile * 4-2-5 Item Explanation * 4-2-6 Item BuyForm * 4-2-7 System Button * 4-2-8 Item Text * 4-2-9 Item Gallary * 4-2-10 Review * 4-3 Free Page * 4-3-1 TOP PAGE * 4-4 Form Page * 4-4-1 Cart Button Reset * 4-4-2 Form Page * 4-4-3 Form Confirm Page * 4-4-4 Item Search Form * 4-5 MyPage * 4-5-1 Mypage Index * 4-5-2 Member Profile Editor * 4-5-3 Special Point * 4-6 News * 10-0 ALL Setting[ For SmartPhone ] * 10-1 Header * 10-1-3 ドロップダウンメニュー * 12-2 Holizontal Item Block * 13-1-5 メインメニュー * 13-2-2 Half Banner * 13-2-4 News & SNS * 13-2-5 ShopInformation * 13-4-1 Footer Site Map * 13-4-2 Page Top Btn * 14-1-2 Category Pankuzu * 14-1-7 Archive Thumbnail Item * 14-2-3 Order Area * 20-0 ALL Setting[ For Tablet ] * 20-1 Header * 20-1-3 ドロップダウンメニュー * 23-3-3 Aside Banner * 23-4-2 Page Top Btn * 30-0 ALL Setting[ For PC ] * 30-1 Header * 30-1-3 ドロップダウンメニュー * 32-9 トグル機能アニメーション * 33-3-1 Aside Check List * 34-4-1 Footer Site Map * 34-4-2 Page Top Btn */ /* 1-0 ALL Setting *----------------------------------------------------------------------*/ body { background-color: #fff; font-weight: normal; } a { font-weight: normal; text-decoration: none; } #form2-products #sysWrap{ padding-top: 30px !important; max-width: 1200px !important; } /* 1-0 Wrapper Setting */ .p-topimg .sysContent, .h-utilitybtn { max-width: 100% !important; /*max-width: 960px;*/ } /* 1-1 Webkit appearance */ input[type=search], input[type=submit] { -webkit-appearance: none; } /* 1-2 input Setting */ input[type=search] { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; /*line-height: 2.5;*/ line-height: 1; /*padding-left: 5px;*/ padding: 0.75em 0.5em; } input[type=search]::-webkit-search-decoration { display: none; } input[type="radio"] { -webkit-appearance: none; display: inline-block; vertical-align: baseline; width: 20px; height: 20px; margin-right: 5px; border: 1px solid rgb(212,212,212); cursor: pointer; border-radius: 100%; } input[type="radio"]:checked{ background: #666; } /* 1-3 Content setting */ table { border-collapse: collapse; border-spacing: 0; } select{ height: 30px;} p { margin: 10px auto;} h1,h2,h3,h4,h5,h6{ font-size: inherit;} /* 1-2 Layout Setting */ /* Responsive Grid system */ /* DEFAULT COLUMN STYLES */ /* 2-0 Function Parts *----------------------------------------------------------------------*/ /* 2-1 Clearfix */ .p-clearfix:after, .clearfix:after { content: ""; clear: both; display: block; } /* 商品一覧ページ */ .p-newItem.mainCnt { max-width: 1130px; margin: 0 auto; padding: 10px 2px 40px 25px; } /* 2-2 Holizontal Item Block */ .sysContent .sysItemBlock .sysHorizontal { margin: 0 auto; /* letter-spacing: -.4em; text-align: center; */ } .sysContent .sysItemBlock .sysHorizontal li { /*width: 25%;*/ width: 31.57%; /*float: none;*/ /*display: inline-block;*/ padding: 20px; letter-spacing: normal; margin: 0; text-align: left; vertical-align: top; border: 1px solid #d3d3d3; margin: 0 2.5% 30px 0; } /*.sysContent .sysItemBlock .sysHorizontal li:nth-of-type(3n) { margin: 0 0 30px; } */ .p-newitem-title .sysContent { padding: 0; margin-top:23px; } .p-newitem-title .sysContent .shop_head { overflow: hidden; /*max-width: 1100px;*/ max-width: 960px; margin: 0 auto; padding: 0 10px; } .p-newitem-title .sysContent .shop_head .bdr { border-bottom: solid 1px #919191; /*padding-bottom: 30px;*/ padding-bottom: 26px; position: relative; } .p-newitem-title .sysContent .shop_head .title { float: left; overflow: hidden; width: 45%; font-size: 22px; line-height: 1; } .p-newitem-title .sysContent .shop_head .title img.icn { width: 35px; height: auto; float: left; } .p-newitem-title .sysContent .shop_head .title h1 { margin: 8px 0 0 40px; font-size: 17px; } .p-newitem-title .sysContent .shop_head p { text-align: right; font-size: 12px; margin: 0 0 0 37.5%; /*width: 62.5%;*/ position: relative; top: 10px; } /*.p-newitem-title .sysContent .item_header_bg { width: 100%; height: 200px; background: url('/img/contents/bg_shop_head.jpg') no-repeat; background-position: center; background-size: cover; }*/ /* 2-3 Vertical Item Block */ /* 2-4 Facebook */ /* 2-5 Button */ .btn { padding: 10px 20px; display: inline-block; margin-top: 10px; } #sysMypageReminder #sysMain input[type=submit], .sysMemberRegister #sysMain .sysNextSubmit, .sysBackButton, .sysNextSubmit { display: block; padding: 10px 15px; text-shadow: none; width: 80%; /*height: 50px;*/ } #sysMypageReminder #sysMain input[type=submit]{ width: 85%; height: auto; border: none; border-radius: 10px; margin: 30px auto 20px; padding: 20px; background: #57d583; font-weight: bold; font-size: 18px; color: #fff; } /* 2-6 機能パーツ：商品カテゴリ */ /* 2-7 グリッドナビ（スタイル:gridnav） */ /* 2-8 非表示コンテンツ(FB/タグマネージャ等用) */ .h-code{ display: none;} /* 2-10 カテゴリ・商品詳細ページ 見出し部下線 */ #sysItemDetail #sysMain .sysItemName, .sysExplanation > div > span, .sysRetailPrice, .sysReview > span {/* border-bottom: 1px dashed lightgray;*/} /* 2-11 機能パーツ：テキスト */ #sysMain .sysContent h3 { /*border-bottom: 1px dashed lightgray;*/ } /* 2-12 見出し */ /* 2-13 Bootstrap Buttons UI kit */ .btn{text-decoration:none;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active:focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success.active,.btn-success:active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info.active,.btn-info:active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#999;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px} /* 2-14 Responsive Grid System */ /* 12 COLUMN : RESPONSIVE GRID SYSTEM DEVELOPER : DENIS LEBLANC URL : http://responsive.gs VERSION : 3.0 LICENSE : GPL & MIT */ /* DEFAULT COLUMN STYLES */ /* 3-0 Module *----------------------------------------------------------------------*/ /* 3-1-2 カート・マイページボタン */ .h-cartBtn_sp .sysContent { position: absolute; right: 5%; top: 10px; display: inline-block; padding: 0; font-size: 25px; } .h-cartBtn_sp .sysContent img { width: 39px; height: auto; } .h-utilitybtn .sysContent{ width: 30%; float: right; position: relative; bottom: 40px; height: 40px; } /* 3-1-4 カート・ログインボタン */ .h-utilitybtn ul li.sysText a { border: 1px solid rgb(212,212,212); line-height: 36px; height: 36px; font-size: small; margin-top: 1px; } .h-utilitybtn ul li.sysText a:hover { background: rgb(212,212,212); } .h-utilitybtn ul li.sysText a:before { content: ""; width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-right: 5px; } .h-utilitybtn ul li.sysText:nth-child(1) a:before { background: url(http://template-advance.aispr.jp/img/icon/icon-mypage.png); background-size: 100%; } .h-utilitybtn ul li.sysText:nth-child(2) a:before { background: url(http://template-advance.aispr.jp/img/icon/icon-cart.png); background-size: 100%; } /* 3-1-7 Main Image */ .p-topimg .sysContent{ margin: 0 auto; /*padding: 5px;*/ } /* 3-2 Main*/ /* 3-2-1 */ /* 3-2-2 Half Banner */ /* 3-2-3 PICK UP Item */ .p-pickup .sysContent { padding: 5px 0; } .p-pickup .sysContent .sysHorizontal li { padding: 0 2.5px; } /* 3-2-4 News & SNS */ .p-news .sysContent { line-height: 1.5;} /* 3-2-5 ShopInformation */ .p-shopInfo .sysContent{ text-align :center;} .shopinfo-inner .btn{ float: right; margin-right: 20px; } /* 3-2-6 Notice */ .p-notice .sysHeadline { background: #e60054; border-color: #e60054; text-align: center; font-weight: bold; } /* 3-3 Aside*/ /* 3-3-1 Aside Check List */ /* 3-3-2 Aside Login Form & Search Form */ .s-login .sysLoginButton { border: none; padding: 5px; background: #666; color: #fff; margin: 10px auto; border-radius: 0; } /* 3-3-3 Aside Banner */ /* 3-3-4 Aside Login Form */ .s-search .sysItemSearchAndOr, .s-search .sysItemSearchFormCategory { text-align: center; } .sysSearchButton { border: none; padding: 10px; background: #666; color: #fff; width: 95%; display: block; margin: 10px auto; } /* 4-0 Page-Content *----------------------------------------------------------------------*/ /* 4-1 Archive Page */ /* 4-1-1 Free Area */ /* 4-1-2 Pankuzu List*/ .sysCategoryPankuzu, .sysItemCategoryPankuzu { font-size: small; margin-bottom: 5px; white-space: nowrap; overflow: hidden; background: #666; color: #fff; padding: 0 5px; } .sysCategoryPankuzu a, .sysItemCategoryPankuzu a { display: inline-block; background: #666; padding: 5px 10px; color: #fff; text-decoration: none; } .sysCategoryPankuzu a:hover, .sysItemCategoryPankuzu a:hover { background: #999; } /* 4-1-3 Category View Mode */ .sysItemCategoryCtl { font-size: small; } .sysItemCategoryCtl a { display: inline-block; padding: 2px 4px; background: #ddd; border: 1px solid #999; border-radius: 3px; text-decoration: none; margin: 2px 0; } /* 4-1-4 Item PR Setting */ /* 4-1-5 Cart Button */ .sysCartButton { border: none; padding: 10px; margin: 5px 0; border-radius: 5px; background-color: #666; color: #fff; cursor: pointer; } .sysCartButton:hover { background: #999; } /* 4-1-6 Archive List Item */ .sysItemList ul.sysList li .sysThumbnailImage { width: 40%; max-width: 200px; } /* 4-1-7 Archive Thumbnail Item */ .sysItemList ul.sysThumbnail li { display: inline-block; float: none; vertical-align: top; letter-spacing: normal; } .sysItemList ul.sysThumbnail { letter-spacing: -.4em; } .sysItemList ul.sysThumbnail input { width: 100%; padding: 10px 0; } /* 4-1-8 Deliveries Table */ ul.SysDeliveriesTable > li { display: table-row; } ul.SysDeliveriesTable > li > div { border-style: solid; border-width: 1px; display: table-cell; padding:10px; } /* 4-2 Item Page */ /* 4-2-1 Item IMAGE */ .sysThumbnailImage > span,.sysThumbnailImage > br { display: none;} .sysItemImages .sysImageList li{ display: inline-block; vertical-align: top; height: auto; width: 32%; line-height: 1; float: none; margin: 1% 0; } /* 4-2-2 Item Name */ .sysItemName h1 { font-size: x-large;} /* 4-2-3 Order Area */ /* 4-2-4 Item Page Titile */ .sysItemName, .sysExplanation > div > span, .sysReview > span{ display: block; margin-bottom: 10px; font-size: large; } .p-newItem-top .sysItemName, .p-newItem .sysItemName { margin: 43px 0 0; font-weight: bold; font-size: 18px; color: #333; padding-left: 10px; } /* 4-2-5 Item Explanation */ .sysExplanation table { width: 100%; text-align: center; border: 1px solid #999; line-height: 2; } .sysExplanation thead { text-align: center; color: #fff; background: #999; } .sysExplanation td { font-size: small; text-align: left; padding-left: 10px; } /* 4-2-6 Item BuyForm */ #sysItemDetail .sysRetailPrice { font-weight: bold;} #sysItemDetail .sysPr { text-align: left;} #sysItemDetail .sysPr > span { display: inline-block;} #sysItemDetail .sysForm select { min-width: 190px; width: 75%; display: inline-block; float: right; } #sysItemDetail #sysVariation { overflow: hidden; margin: 5px auto 0; } #sysItemDetail #sysVariation >div { margin: 10px auto; overflow: hidden; } #sysItemDetail .sysNumArea button { display: inline-block; width: 48%; background: #666; padding: 10px; border: 1px solid #999; border-radius: 5px; color: #fff; } #sysItemDetail .sysNumArea { padding-top: 5px; clear: both; text-align: right; } #sysWishlist .sysButton, #sysItemDetail .sysCartButton { width: 98%; margin-left: 2%; } #sysItemDetail .sysShare { padding: 5px 0 0 2%;} #sysCartInForm { width: 100%;} /* 4-2-7 System Button */ .sysMemberRegister #sysMain .sysButton, .sysLoginButton{ border: none; padding: 10px; margin: 5px 0; border-radius: 5px; background-color: #666; color: #fff; cursor: pointer; min-width: 10em; } .sysLoginButton, .sysButton:hover { background: #999; } .sysLoginButton{ display: block; width: 50%; margin: 10px auto; padding: 20px; } /* 4-2-8 Item Text */ .sysDescription,.sysImageDescription{ font-size: 0.75rem;} /* 4-2-9 Item Gallary */ /* 4-2-10 Review */ /* 4-3 Free Page */ /* 4-3-1 TOP PAGE */ .topCnt .sysContent { /*width: 100%;*/ /*max-width: 1100px;*/ max-width: 1200px; padding: 10px 15px 40px; margin: 0 auto; box-shadow: none; border: none; } /* 4-4 Form Page */ /* 4-4-1 Cart Button Reset */ .sysMypage #sysMain .sysForm .sysZipcode button, .sysMypage #sysMain .sysOtherAddress .sysZipcode button, .sysCart #sysMain .sysNextSubmitArea .sysNextSubmit, .sysCart #sysMain input[type=submit], .sysCart #sysMain button[type=submit], .sysCart #sysMain button { background: #666; color: #fff; height: auto; text-shadow: none; } .sysCart #sysMain .sysConfirmButton input[type=submit].sysButton, .sysCart #sysMain .sysDeleteArea input[type=submit].sysDeleteArea, .sysCart #sysMain input[type=submit].sysBackSubmitArea { padding: 0.75em 0; } #sysBillingAddress #sysMain .sysBtnChange, #sysPayment #sysMain .sysBtnChange { margin: 10px 7.5% 20px; } #sysDestination #sysMain .sysSelectAddress .sysNextSubmit, #sysBillingAddress #sysMain .sysBtnChange, #sysPayment #sysMain .sysBtnChange, .sysCart #sysMain .sysNextSubmitArea .sysNextSubmit{ width: 85%; padding: 15px; border-radius: 10px; background: #ff9300; border: none; color: #000; font-size: 20px; font-weight: bold; } /* 4-4-2 Form Page */ .sysMemberRegister #sysMain h2, #sysFormThanks #sysMain h2, #sysFormConfirm #sysMain h2 { border-bottom: 1px solid #999; background-color: #999; color: #ffffff; font-size: large; padding: 5px; } /*.sysMemberRegister #sysMain,*/ #sysFormThanks #sysMain, #sysFormConfirm #sysMain { border-color: #999; border-style: solid; border-radius: 0px; border-width: 1px; box-shadow: 0px 0px 0px #fff; margin-bottom: 10px; padding: 0; } #sysMypageReminder #sysMain input, .sysMemberRegister #sysMain input{ line-height: 15px; padding: 5px; font-size: small; margin: 5px auto; } #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));*/ border-radius: 5px 5px 5px 5px; border: #656565 1px solid; padding: 0.75em 0.5em; /*line-height: 3;*/ } #sysMypageReminder #sysMain input[type="email"]{ width: 100%; border-radius: 5px 5px 5px 5px; border: #656565 1px solid; padding: 0.75em 0.5em; } .sysCart #sysMain input[type="email"], .sysCart #sysMain input[type="number"], .sysCart #sysMain input[type="password"], .sysCart #sysMain input[type="tel"], .sysCart #sysMain input[type="url"], .sysCart #sysMain input[type="text"], .sysCart #sysMain textarea { background: #fff; border: #656565 1px solid; padding: 0.75em 0.5em; } #sysMain textarea { min-height: 75px;} .sysZipcode button, .sysZipcode .sysFormField { display: inline-block;} .sysZipcode .sysFormLabel { display: block;} .sysZipcode .sysFormField { width: 200px;} .sysZipcode br{ display: none;} .sysBirthday input { width: auto!important;} /* 4-4-3 Form Confirm Page */ #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; } /* 4-5 MyPage */ /* 4-5-1 Mypage Index */ .sysMypage #sysMain{ border-color: #999; border-style: solid; border-radius: 0px; border-width: 1px; box-shadow: 1px 1px 1px gray; margin-bottom: 10px; padding: 0; } .sysMypage #sysMain h2 { border-bottom: 1px solid #999; background-color: #999; color: #ffffff; font-size: large; /*padding: 5px;*/ } .sysMypage #sysMain > form, .sysMypage #sysMain > div {/* padding: 5px 10px;*/} /* 購入履歴 */ /* マイページボタン */ .sysMypageNav > form { display: inline-block; width: 49%; vertical-align: top; } .sysMypageNav .sysButton { width: 100%; display: block; line-height: 40px; font-size: 1rem; } /* 4-5-2 Member Profile Editor */ #sysMypageEditDelivery #sysMain > form, #sysMypageEditMember #sysMain > form{ padding: 10px;} #sysMypageEditDelivery #sysMain input, #sysMypageEditMember #sysMain input { line-height: 15px; padding: 5px; font-size: small; margin: 5px auto; } #sysMypageEditConfirm #sysMain > form { padding: 10px;} /* 4-5-3 Special Point */ /* 4-5-4 Coupon List */ /* 4-6 News Page */ /* マイページ（複数配送先編集画面）*/ .sysSelectAddress a { display: block; text-decoration: none; border: 1px solid; padding: 10px; } .sysSelectAddress { margin: 10px 0; } .sysSelectAddress a:hover { background: #eee; } /* メインコンテンツのパーツ設定 */ #sysDestination #sysMain h2.sysCartTitle, #sysBillingAddress #sysMain h2.sysCartTitle, .sysMemberRegister .sysFreeArea h1, .sysCart .sysFreeArea h1, .mainCnt h1.sysHeadline { border-bottom: none; background-color: transparent; color: #000; font-weight: bold; } .mainCnt .sysContent { margin: 0 auto; } .mainCnt .sysContent h2 { border-bottom: solid 1px #95989a; } .mainCnt .sysContent p { } /* パンくず */ .bread ul li { float: left; margin-right: 1.25em; } .bread ul li a { color: #787878; text-decoration: none; } .bread ul li:after { content: '\f054'; color: #ccc; font-family: 'FontAwesome'; margin-left: 1.25em; } .bread ul li:last-of-type:after { content: none; } .bread ul li a:hover { text-decoration: underline; } /* プライバシーポリシー */ .terms_of_service .sysContent ol, .p-userguide-regist ul, .p-userguide-returns ul, .p-userguide-order ol, .p-userguide ul, .p-privacy ol { list-style-position: inside; font-size: 13px; margin-left: 2em; } .terms_of_service .sysContent ol li, .p-userguide-regist ul li, .p-userguide-returns ul li, .p-userguide-order ol li, .p-userguide ul li, .p-privacy ol li { list-style-type: decimal; text-indent: -1.3em; padding-left: 1.3em; } /* ご利用ガイド */ .userguide-menu .sysContent { background: #f2f2f2; margin: 30px auto; } /* 利用規約 */ /* ページ内フッターSNSボタン */ .p-footer_snsbtn .sysHeadline { border-bottom: none; background-color: transparent; color: #000; font-size: 16px; text-align: center; padding: 10px 0; } /*商品リスト*/ #shop #sysMain .sysContent .sysItemBlock ul.sysHorizontal li{ text-align: left; /*font-weight: bold;*/ } #shop #sysMain .sysContent .sysItemBlock ul.sysHorizontal li a{ font-weight: bold; text-overflow: ellipsis; min-width: 0; white-space: nowrap; overflow: hidden; } /*商品詳細ページ（おすすめ商品）*/ #sysItemDetail #sysMain .sysHeadline{ font-size: 20px; font-weight: bold; margin: 35px auto 20px; padding: 0; text-align: center; padding-top: 20px; } #sysItemDetail #sysMain .sysFuncText{ margin-bottom:20px; } #sysItemDetail #sysMain .sysFuncText .sysHeadline{ font-weight: normal; font-size: 16px; } #sysItemDetail #sysMain .sysItemBlock ul.sysHorizontal{ width: 100%; max-width: 1130px; padding: 0 3px 0 25px; } #sysItemDetail #sysMain .sysFuncItemBlock .sysItemBlock ul.sysHorizontal li div.sysItemName{ color: #333333; font-size: 18px; margin-top: 43px; text-align: left; padding-left: 10px; font-weight: bold; text-overflow: ellipsis; min-width: 0; white-space: nowrap; overflow: hidden; } #sysItemDetail #sysMain .sysFuncItemBlock .sysItemBlock ul.sysHorizontal li div.sysItemName a{ font-weight:bold; } #sysItemDetail #sysMain .sysFuncItemBlock .sysItemBlock ul.sysHorizontal li .sysItemPrice{ margin-top: -10px; font-size: 14px; color: #787878; text-align: left; padding-bottom: 10px; padding-left: 10px; } #sysItemDetail #sysMain .sysFuncText.p-footer_snsbtn{ margin-bottom:0; } /* カートページ */ .sysMemberRegister #sysMain, .sysCart #sysMain { padding: 10px 15px 40px; max-width: 800px; margin: 0 auto; } ol.cart_step_bar { margin: 20px 0 0; border-radius: 5px; background: #f2f2f2; overflow: hidden; } ol.cart_step_bar li { float: left; text-align: center; letter-spacing: -0.025em; width: 25%; margin-left: 0; padding: 5px 0; color: #808080; font-size: 14px; } ol.cart_step_bar li.current { color: #333; font-size: 16px; } ol.cart_step_bar li:after { content: '\f054'; opacity: 0.3; filter: alpha(opacity=30); -ms-filter: "alpha(opacity=30)"; font-family: 'FontAwesome'; margin-left: 0.5em; } ol.cart_step_bar li:last-of-type:after { content: none; } #sysRegi #sysMain #sysPurchaseAuthMember h2.sysCartTitle, #sysBasket #sysMain h2.sysCartTitle { display: none; } #sysDestination #sysMain .sysSelectAddress, #sysPayment #sysMain .sysSelectPaymentArea, #sysPayment #sysMain .sysSelectDeliveryArea, #sysPayment #sysMain .sysRemarksArea, #sysPayment #sysMain .sysSelectOptionArea, #sysConfirm #sysMain > .sysOrder, #sysConfirm #sysMain > .sysProduct, #sysConfirm #sysMain > .sysDetail, #sysThanks #sysMain .sysBox, #sysBasket #sysMain .sysBox { border: 2px solid #808080; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: none; margin: 1em auto; padding: 10px; } .sysCart #sysMain .sysBox .sysNumArea { display: none; } .sysCart #sysMain .sysBox .sysItemName a { font-weight: bold; color: #575757; } .sysCart #sysMain .sysBox .sysItemRetailPrice { color: #575757; } .sysCart #sysMain .sysTotal .sysBox .sysTotalTxt { text-shadow: none; } .sysMemberRegister select, .sysCart #sysMain select { -webkit-appearance: button; -moz-appearance: button; appearance: button; position: relative; background-color: #F5F5F5; box-shadow: 1px 1px #000000; border: 1px solid #808080; border-radius: 4px; /*font-size: 16px;*/ font-size: 14px; color: #555; padding: 5px; } #sysBasket #sysMain .sysDeleteArea { padding: 10px 0; margin: 10px 0 0; } #sysBasket #sysMain input.sysBackButton { margin: 25px 0 0; } /* ログインページ(カート) */ #sysRegi #sysMain h1 { border-left: none; text-align: center; color: #333; font-size: 24px; font-weight: bold; line-height: 1; } #sysRegi #sysMain h1 img { width: 25px; margin-right: 0.25em; height: auto; } #sysConfirm #sysMain h2.sysCartTitle, #sysPayment #sysMain h2.sysCartTitle, #sysRegi #sysMain h2.sysCartTitle { text-align: center; margin: 30px auto 0; padding: 0; background: transparent; color: #333; font-size: 18px; font-weight: bold; line-height: 1; } #sysBillingAddress #sysMain .sysForm, .sysMemberRegister #sysMain .sysForm, #sysRegi #sysMain .sysBox { border: none; border-radius: 5px; box-shadow: none; background: #f2f2f2; padding: 10px 20px; } .sysMemberRegister #sysMain .sysForm .sysFormItem label.sysFormLabel, #sysRegi #sysMain .sysBox .sysForm .sysFormItem label.sysFormLabel { display: block; position: relative; margin: 25px auto 5px; color: #333; font-size: 16px; } .sysMemberRegister #sysMain .sysForm .sysFormItem:first-of-type label.sysFormLabel, #sysRegi #sysMain .sysBox .sysForm .sysFormItem:first-of-type label.sysFormLabel { margin: 10px auto 5px; } .sysMemberRegister #sysMain .sysForm input.sysNextSubmit, #sysRegi #sysMain .sysBox .sysForm .sysSubmit .sysLoginButton { width: 85%; height: auto; border: none; border-radius: 10px; margin: 30px auto 20px; padding: 15px; background: #57d583; font-weight: bold; font-size: 18px; color: #fff; } #sysRegi #sysMain .sysBackSubmitArea { padding: 10px 0; margin: 0 auto; } /* ご注文者情報の入力 */ #sysDestination #sysMain h2.sysCartTitle, #sysBillingAddress #sysMain h2.sysCartTitle { line-height: 1.4; margin: 20px auto; } #sysBillingAddress #sysMain .sysFormItem { margin: 25px auto 5px; } #sysBillingAddress #sysMain .sysFormItem .sysFormLabel { font-size: 14px; } #sysBillingAddress #sysMain .sysFormItem .sysFormLabel .sysRequired { font-size: 10px; } /* お届け先設定 */ #sysDestination #sysMain h2#sysDestinationOther { margin: 40px auto 20px; } #sysDestination #sysMain .sysSelectAddress { background: transparent; margin: 0 auto; } #sysDestination #sysMain .sysSelectAddress .sysAccordion { background: #eee; } #sysDestination #sysMain .sysSelectAddress .sysAccordion:hover { text-decoration: underline; } #sysDestination #sysMain .sysSelectAddress .sysSubTitle { font-size: 16px; text-decoration: none; } #sysDestination #sysMain .sysSelectAddress .sysSelectAddress { margin: 0.75em auto; } #sysDestination #sysMain .sysSelectAddress .sysNextSubmit { margin: 20px 7.5% 10px; } #sysDestination #sysMain .sysSelectAddress .sysOtherAddress .sysFormItem { margin: 25px auto 5px; } #sysDestination #sysMain .sysSelectAddress .sysOtherAddress .sysFormItem .sysRequired { font-size: 10px; } #sysDestination #sysMain .sysSelectAddress form a.sysAccordion{ margin: 20px 7.5% 10px; width: 85%; padding: 15px; border-radius: 10px; background: #ff9300; border: none; color: #000; font-size: 20px; font-weight: bold; text-decoration: none; } #sysDestination #sysMain .sysSelectAddress form a.sysAccordion:hover{ text-decoration: none; } #sysDestination #sysMain .sysSelectAddress form a.sysAccordion div.sysSubTitle{ font-size: 20px; text-align: center; text-decoration: none; margin: 0 0 0 0; font-weight: bold; } /* 会員登録フォーム */ .sysMemberRegister .sysFreeArea h1 { margin: 20px auto; } .sysMemberRegister #sysMain h2 { display: none; } .sysMemberRegister #sysMain .sysForm { margin: 20px auto; } .sysMemberRegister #sysMain .sysForm .sysFormItem label.sysFormLabel { font-size: 14px; } .sysMemberRegister form .sysRequired:before, .sysMemberRegister form .sysRequired:after, .sysCart form .sysRequired:before, .sysCart form .sysRequired:after { content: none; } .sysMemberRegister form .sysRequired, .sysCart form .sysRequired { display: inline-block; position: relative; bottom: 2px; border-radius: 4px; margin: 0 0 0 5px; padding: 2px 5px; background: #ff0000; color: #fff; font-size: 10px; } .sysMemberRegister #sysMain .sysForm input.sysNextSubmit { margin: 30px auto 10px; padding: 20px 15px; font-size: 20px; } #sysMemberRegisterConfirm #sysMain form:nth-of-type(2) .sysForm { background: transparent; padding: 0; } #sysMemberRegisterConfirm #sysMain h2 + div { font-size: 14px; } .sysMemberRegister select { font-size: 14px; } #sysMemberRegisterConfirm #sysMain input.sysBackButton { margin: 0; padding: 10px 30px; width: auto; } .sysMemberRegister .sysForm select{ appearance:none; -moz-appearance:none; -webkit-appearance: none; -o-appearance:button; -ms-appearance:button; } /* 会員情報変更フォーム */ #sysMypageEditMember #sysMain{ max-width: 800px; padding: 10px 15px 40px; border:none; box-shadow:none; } #sysMypageEditMember #sysMain > form{ padding: 0px; } #sysMypageEditMember #sysMain h1.sysMypageMajorHeadLine { margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } #sysMypageEditMember #sysMain h2.sysMypageMinorHeadLine { color: black; background-color: white; border: none; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 10px; } #sysMypageEditMember #sysMain .sysForm { border: none; border-radius: 5px; box-shadow: none; background: #f2f2f2; margin: 20px auto; padding: 10px 20px; } #sysMypageEditMember #sysMain .sysForm .sysMemberPassword h3{ font-size: 18px; margin-top: 30px; } #sysMypageEditMember #sysMain .sysForm .sysMemberPassword .sysMemberPasswordDescription{ margin-bottom: 20px; } #sysMypageEditMember #sysMain .sysForm .sysFormItem label.sysFormLabel { font-size: 14px; } #sysMypageEditMember #sysMain .sysForm .sysFormItem{ margin-top: 20px; } #sysMypageEditMember #sysMain .sysForm .sysName{ margin-top: 10px; } #sysMypageEditMember #sysMain .sysForm .sysFormItem .sysFormField input{ margin-top: 10px; padding:0.75em 0.5em; } #sysMypageEditMember #sysMain .sysForm .sysFormItem label.sysFormLabel .sysRequired:before, #sysMypageEditMember #sysMain .sysForm .sysFormItem label.sysFormLabel .sysRequired:after{ content: none; } #sysMypageEditMember #sysMain .sysForm .sysFormItem label.sysFormLabel .sysRequired{ display: inline-block; position: relative; bottom: 2px; border-radius: 4px; margin: 0 0 0 5px; padding: 2px 5px; background: #c00; color: #fff; font-size: 10px; } #sysMypageEditMember #sysMain .sysForm input.sysNextSubmit { width: 85%; height: auto; border: none; border-radius: 10px; margin: 30px auto 20px; padding: 20px; background: #57d583; font-weight: bold; font-size: 20px; color: #fff; } #sysMypageEditMember #sysMain form:nth-of-type(2) .sysForm { background: transparent; padding: 0; } #sysMypageEditMember #sysMain h2 + div { font-size: 14px; } #sysMypageEditMember #sysMain .sysForm .sysFormItem .sysFormField select{ -webkit-appearance: button; position: relative; background-color: #F5F5F5; box-shadow: 1px 1px #000000; border: 1px solid #808080; border-radius: 4px; color: #555; padding: 5px; font-size: 14px; } #sysMypageEditMember #sysMain .sysForm .sysZipcode .btn{ vertical-align:top; } #sysMypageEditMember #sysMain form input.sysBackButton { border: none; padding: 10px; margin: 5px 0; border-radius: 5px; background-color: #666; color: #fff; cursor: pointer; width: auto; min-width: 10em; } #sysMypageEditMember #sysMain form div.sysForm div.sysZipcode button.btn:hover{ background-color: #808080;} /*IE11修正*/ @media all and (-ms-high-contrast: none){ #sysMypageEditMember #sysMain form div.sysForm div.sysZipcode button.btn:hover{ background-color: #808080; /* IE10以上 */ } } /********** 会員情報変更【確認】 **********/ #sysMypageEditConfirm #sysMain{ max-width: 800px; padding: 10px 15px 40px; border:none; box-shadow:none; } #sysMypageEditConfirm #sysMain > form{ padding: 0px; } #sysMypageEditConfirm #sysMain h1.sysMypageMajorHeadLine { margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } #sysMypageEditConfirm #sysMain h2.sysMypageMinorHeadLine { color: black; background-color: white; border: none; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 10px; } #sysMypageEditConfirm #sysMain .sysForm { border: none; border-radius: 5px; box-shadow: none; background: #f2f2f2; margin: 20px auto; padding: 10px 20px; } #sysMypageEditConfirm #sysMain form:nth-of-type(2) .sysForm{ background-color: transparent; padding-left: 0; } #sysMypageEditConfirm #sysMain .sysForm .sysFormField{ background-color: #fff; } #sysMypageEditConfirm #sysMain .sysForm .sysFormItem label.sysFormLabel { font-size: 14px; } #sysMypageEditConfirm #sysMain .sysForm .sysFormItem{ margin-top: 20px; } #sysMypageEditConfirm #sysMain .sysForm .sysName{ margin-top: 10px; } #sysMypageEditConfirm #sysMain .sysForm .sysFormItem .sysFormField input{ margin-top: 10px; padding:0.75em 0.5em; } #sysMypageEditConfirm #sysMain .sysForm input.sysNextSubmit { width: 85%; height: auto; border: none; border-radius: 10px; margin: 30px auto 20px; padding: 13px; background: #57d583; font-weight: bold; font-size: 20px; color: #fff; } #sysMypageEditConfirm #sysMain form:nth-of-type(2) .sysForm { background: transparent; padding: 0; } #sysMypageEditConfirm #sysMain h2 + div { font-size: 14px; } #sysMypageEditConfirm #sysMain form input.sysBackButton { border: none; padding: 8px; margin: 5px 0; border-radius: 5px; background-color: #666; color: #fff; cursor: pointer; width: auto; min-width: 10em; } /* 会員情報変更【完了】*/ #sysMypageEditSave #sysMain{ max-width: 800px; margin: 0 auto; padding: 10px 15px 40px; border:none; box-shadow:none; } #sysMypageEditConfirm #sysMain > form{ padding: 0px; } #sysMypageEditSave #sysMain p{ font-size:14px; } #sysMypageEditSave #sysMain h1.sysMypageMajorHeadLine { margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } #sysMypageEditSave #sysMain h2.sysMypageMinorHeadLine { color: black; background-color: white; border: none; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 10px; } #sysMypageEditSave #sysMain form input.sysButton { border: none; padding: 8px; margin: 30px 0; border-radius: 5px; background-color: #666; color: #fff; cursor: pointer; width: auto; min-width: 10em; } /*お届け先情報を編集*/ #sysMypageEditDelivery #sysMain{ max-width: 800px; padding: 10px 15px 40px; border:none; box-shadow:none; } #sysMypageEditDelivery #sysMain > form{ padding: 0px; } #sysMypageEditDelivery #sysMain h1.sysMypageMajorHeadLine { margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } #sysMypageEditDelivery #sysMain h2{ color: black; background-color:transparent; border: none; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 10px; } #sysMypageEditDelivery #sysMain form h2{ padding-top: 20px; } #sysMypageEditDelivery #sysMain form p{ font-size: 14px; } #sysMypageEditDelivery #sysMain form { border: none; border-radius: 5px; box-shadow: none; background: #f2f2f2; margin: 20px auto; padding: 10px 20px; } #sysMypageEditDelivery #sysMain form label.sysFormLabel { font-size: 14px; } #sysMypageEditDelivery #sysMain form .sysFormItem{ margin-top: 20px; } #sysMypageEditDelivery #sysMain form .sysName .sysFormLabel{ margin-top: 10px; } #sysMypageEditDelivery #sysMain form .sysOtherAddress input{ margin-top: 10px; padding:0.75em 0.5em; } #sysMypageEditDelivery #sysMain form .sysOtherAddress label.sysFormLabel .sysRequired:before, #sysMypageEditDelivery #sysMain form .sysOtherAddress label.sysFormLabel .sysRequired:after{ content: none; } #sysMypageEditDelivery #sysMain form .sysOtherAddress label.sysFormLabel .sysRequired{ display: inline-block; position: relative; bottom: 2px; border-radius: 4px; margin: 0 0 0 5px; padding: 2px 5px; background: #c00; color: #fff; font-size: 10px; } #sysMypageEditDelivery #sysMain form .sysOtherAddress .sysFormField select { -webkit-appearance: button; position: relative; background-color: #F5F5F5; box-shadow: 1px 1px #000000; border: 1px solid #808080; border-radius: 4px; color: #555; padding: 5px; font-size: 14px; } #sysMypageEditDelivery #sysMain form input#button2 { width: 85%; height: auto; border: none; border-radius: 10px; margin: 30px auto 20px; padding: 20px; background: #57d583; font-weight: bold; font-size: 20px; color: #fff; } #sysMypageEditDelivery #sysMain form:nth-of-type(2){ background: transparent; padding: 0; } #sysMypageEditDelivery #sysMain .sysSelectAddress form{ background: none; padding: inherit; } #sysMypageEditDelivery #sysMain h2 + div { font-size: 14px; } #sysMypageEditDelivery #sysMain .sysForm .sysFormItem .sysFormField select{ -webkit-appearance: button; position: relative; background-color: #F5F5F5; box-shadow: 1px 1px #000000; border: 1px solid #808080; border-radius: 4px; color: #555; padding: 5px; font-size: 14px; } #sysMypageEditDelivery #sysMain .sysZipcode .btn{ margin-top: 1px; } #sysMypageEditDelivery #sysMain .sysZipcode .btn:hover{ background-color: #808080; } #sysMypageEditDelivery #sysMain form input.sysButton { border: none; padding: 10px; margin: 5px 0; border-radius: 5px; background-color: #666; color: #fff; cursor: pointer; width: auto; min-width: 10em; } /***********お届け先情報編集ボタンの向こう側***********************************************/ #sysMypageEditDeliveryinput #sysMain{ max-width: 800px; padding: 10px 15px 40px; border:none; box-shadow:none; } #sysMypageEditDeliveryinput #sysMain > form{ padding: 0px; } #sysMypageEditDeliveryinput #sysMain h1.sysMypageMajorHeadLine { margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } #sysMypageEditDeliveryinput #sysMain h2{ color: black; background-color:transparent; border: none; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 10px; } #sysMypageEditDeliveryinput #sysMain form h2{ padding-top: 20px; } #sysMypageEditDeliveryinput #sysMain form p{ font-size: 14px; } #sysMypageEditDeliveryinput #sysMain form { border: none; border-radius: 5px; box-shadow: none; background: #f2f2f2; margin: 20px auto; padding: 10px 20px; } #sysMypageEditDeliveryinput #sysMain form label.sysFormLabel { font-size: 14px; } #sysMypageEditDeliveryinput #sysMain form div label{ font-size: 14px; } #sysMypageEditDeliveryinput #sysMain form div input{ margin-top: 30px; } #sysMypageEditDeliveryinput #sysMain form .sysFormItem{ margin-top: 20px; } #sysMypageEditDeliveryinput #sysMain form .sysName .sysFormLabel{ margin-top: 10px; } #sysMypageEditDeliveryinput #sysMain form .sysOtherAddress input{ margin-top: 10px; padding:0.75em 0.5em; } #sysMypageEditDeliveryinput #sysMain form .sysOtherAddress label.sysFormLabel .sysRequired:before, #sysMypageEditDeliveryinput #sysMain form .sysOtherAddress label.sysFormLabel .sysRequired:after{ content: none; } #sysMypageEditDeliveryinput #sysMain form .sysOtherAddress label.sysFormLabel .sysRequired{ display: inline-block; position: relative; bottom: 2px; border-radius: 4px; margin: 0 0 0 5px; padding: 2px 5px; background: #c00; color: #fff; font-size: 10px; } #sysMypageEditDeliveryinput #sysMain form .sysOtherAddress .sysFormField select { -webkit-appearance: button; position: relative; background-color: #F5F5F5; box-shadow: 1px 1px #000000; border: 1px solid #808080; border-radius: 4px; color: #555; padding: 5px; font-size: 14px; } #sysMypageEditDeliveryinput #sysMain form input#button2 { width: 85%; height: auto; border: none; border-radius: 10px; margin: 30px auto 20px; padding: 12px; background: #57d583; font-weight: bold; font-size: 20px; color: #fff; } #sysMypageEditDeliveryinput #sysMain form:nth-of-type(2){ background: transparent; padding: 0; } #sysMypageEditDeliveryinput #sysMain .sysSelectAddress form{ background: none; padding: inherit; } #sysMypageEditDeliveryinput #sysMain h2 + div { font-size: 14px; } #sysMypageEditDeliveryinput #sysMain .sysForm .sysFormItem .sysFormField select{ -webkit-appearance: button; position: relative; background-color: #F5F5F5; box-shadow: 1px 1px #000000; border: 1px solid #808080; border-radius: 4px; color: #555; padding: 5px; font-size: 14px; } #sysMypageEditDeliveryinput #sysMain .sysZipcode .btn{ margin-top: 7px; } #sysMypageEditDeliveryinput #sysMain form input.sysButton { border: none; padding: 10px; margin: 5px 0; border-radius: 5px; background-color: #666; color: #fff; cursor: pointer; width: auto; min-width: 10em; } /*お届け先情報を編集【完了】*/ #sysMypageEditSavedelivery #sysMain{ max-width: 800px; margin: 0 auto; padding: 10px 15px 40px; border:none; box-shadow:none; } #sysMypageEditSavedelivery #sysMain > form{ padding: 0px; } #sysMypageEditSavedelivery #sysMain p{ font-size:14px; } #sysMypageEditSavedelivery #sysMain h1.sysMypageMajorHeadLine { margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } #sysMypageEditSavedelivery #sysMain h2.sysMypageMinorHeadLine { color: black; background-color: white; border: none; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 10px; } #sysMypageEditSavedelivery #sysMain form input.sysButton { border: none; padding: 8px; margin: 30px 0; border-radius: 5px; background-color: #666; color: #fff; cursor: pointer; width: auto; min-width: 10em; } .form-inquiry #sysMain{ border:none; box-shadow:none; } .form-inquiry #sysMain h1 { margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } .form-inquiry h2 { display: none; } .form-inquiry .inquirytext{ font-size:14px; } .form-inquiry #sysMain form { margin: 20px auto; border: none; border-radius: 5px; box-shadow: none; background: #f2f2f2; padding: 10px 20px; } .form-inquiry #sysMain .sysFormItem{ margin:10px auto 20px; } .form-inquiry #sysMain .sysForm .sysFormItem label.sysFormLabel { font-size: 14px; } .form-inquiry form .sysRequired:before, .form-inquiry form .sysRequired:after{ content: none; } .form-inquiry form .sysRequired { display: inline-block; position: relative; bottom: 2px; border-radius: 4px; margin: 0 0 0 5px; padding: 2px 5px; background: #ff0000; color: #fff; font-size: 10px; } .form-inquiry #sysMain input.sysNextSubmit{ margin: 30px auto 10px; font-size: 20px; font-weight: bold; border-radius:10px; background:#57d583; } .form-inquiry #sysMain form:nth-of-type(2) .sysForm { background: transparent; padding: 0; } .form-inquiry #sysMain h2 + div { font-size: 14px; } .form-inquiry #sysMain .sysFormField { margin-top:10px; background: #transparent; } .form-inquiry #sysMain input.sysBackButton { margin: 0; padding: 10px 30px; width: auto; } .form-inquiry #sysMain input[type="name"], .form-inquiry #sysMain input[type="number"], .form-inquiry #sysMain input[type="password"], .form-inquiry #sysMain input[type="tel"], .form-inquiry #sysMain input[type="url"], .form-inquiry #sysMain input[type="text"], .form-inquiry #sysMain textarea{ width:100%; border-radius:5px 5px 5px 5px; border:#656565 1px solid; padding:0.75em 0.5em; } /* お問い合わせ確認フォーム */ #sysFormConfirm #sysMain .desc{ font-size:14px; } #sysFormConfirm #sysMain .sysForm .sysFormField{ border: 1px solid #999; line-height: 2; padding:0 10px; font-size: small; border-radius: 3px; margin: 8px auto; min-height: 20px; background-color: white; } #sysFormConfirm #sysMain form .sysButton{ border: none; padding: 10px 30px; margin: 5px 0; border-radius: 3px; background-color: #666; color: #fff; cursor: pointer; } /* お問い合わせ完了 */ #sysFormThanks #sysMain{ max-width: 800px; padding:10px 15px 40px; margin: 0 auto; } #sysFormThanks #sysMain .comp{ font-size:14px; } /*マイページログインフォーム*/ #sysMypageLogin #sysMain, #sysMypageReminder #sysMain{ max-width: 800px; border-style: none; border-width: 0; box-shadow: 0px 0px 0px; padding: 10px 15px 40px; } #sysMypageLogin #sysMain h1, #sysMypageReminder #sysMain h1{ margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } #sysMypageLogin #sysMain h2.sysMypageMinorHeadLine, .sysMypage #sysMain h2.sysMypageMinorHeadLine{ color: black; background-color: white; border: none; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 10px; } #sysMypageLogin #sysMain .sysLoginForm, #sysMypageMinorHeadLine #sysMain .sysRemindForm, #sysMypageReminder #sysMain .sysRemindForm{ border: none; border-radius: 5px; box-shadow: none; background: #f2f2f2; padding: 10px 20px; } #sysMypageLogin #sysMain .sysLoginForm form .sysLoginButton, #sysMypageMinorHeadLine .sysLoginForm form .sysLoginButton{ width: 85%; height: auto; border: none; border-radius: 10px; margin: 30px auto 20px; padding: 15px; background: #57d583; font-weight: bold; font-size: 18px; color: #fff; } #sysMypageLogin #sysMain .sysLoginForm form .sysMailaddress, #sysMypageReminder #sysMain .sysRemindForm .sys_mailaddress{ margin-top: 10px; } #sysMypageLogin #sysMain .sysLoginForm form .sysMailaddress .sysFormField{ margin-top: 10px; } #sysMypageLogin #sysMain .sysLoginForm form .sysMemberPassword{ margin-top: 30px; } #sysMypageLogin #sysMain .sysLoginForm form .sysMemberPassword .sysFormField{ margin-top: 10px; } #sysMypageLogin #sysMain .sysLoginForm form .sysButton{ border: none; padding: 10px; margin: 5px 0; border-radius: 5px; background-color: #666; color: #fff; cursor: pointer; min-width: 10em; } /* マイページ購入履歴 */ #sysMypageIndex #sysMain h1{ margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } #sysMypageIndex #sysMain .sysOrderHistory h2.SysMypageMinorHeadLine{ color: black; background-color: white; border: none; font-size: 16px; font-weight: bold; line-height: 1; margin-top: 30px; margin-bottom: 10px; padding-left: 0; } #sysMypageIndex #sysMain .sysOrderHistory p{ font-size: 14px; } #sysMypageIndex #sysMain .sysMypageNav{ margin-top: 30px; } #sysMypageIndex #sysMain .sysMypageNav form .sysButton{ width: 100%; margin-bottom: 15px; padding: 15px; border-radius: 10px; background: #ff9300; border: none; color: #000; font-size: 20px; font-weight: bold; } #sysMypageIndex #sysMain .sysOrderHistory .sysOrderList > div{ color:#999; margin-bottom: 25px; } #sysMypageIndex #sysMain .sysOrderHistory .sysOrderList li.sysOrder{ font-size: 0.8em; margin-bottom: 10px; padding-bottom: 10px; } #sysMypageIndex #sysMain .sysOrderHistory .sysOrderList .sysOrder .sysItemName{ font-size: 1.4em; } #sysMypageIndex #sysMain .sysOrderHistory .sysOrderList .sysOrder .sysItemName a:hover{ color:#787878; } #sysMypageIndex #sysMain .sysPagination ul{ margin-top: 20px; margin-bottom: 40px; } #sysMypageIndex #sysMain .sysPagination ul li{ width: auto; padding: 0px; } #sysMypageIndex #sysMain .sysPagination ul li a{ color: #808080; padding: 0px 10px; line-height: 35px; } #sysMypageIndex #sysMain .sysPagination ul li a.sysCurrent{ background: #808080; color: #fff; font-size: 16px; padding: 0px 10px; } /*マイページお気に入り*/ #sysMypageReview #sysMain{ max-width: 800px; padding:10px 15px 40px; margin: 0 auto; border: none; box-shadow: none; } #sysMypageReview #sysMain h1{ margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } #sysMypageReview #sysMain h2.sysMypageMinorHeadLine{ color: black; background-color: white; border: none; font-size: 16px; font-weight: bold; line-height: 1; margin-top: 30px; margin-bottom: 10px; padding-left: 0; } #sysMypageReview #sysMain .sysItemList{ font-size: 14px; } #sysMypageReview #sysMain .sysMypageNav{ margin-top: 50px; } #sysMypageReview #sysMain .sysMypageNav form .sysButton{ width: 100%; margin-bottom: 15px; padding: 15px; border-radius: 10px; background: #ff9300; border: none; color: #000; font-size: 20px; font-weight: bold; } #sysMypageReview #sysMain .sysOrderHistory .sysOrderList > div{ color:#999; margin-bottom: 25px; } #sysMypageReview #sysMain .sysOrderHistory .sysOrderList li.sysOrder{ font-size: 0.8em; margin-bottom: 10px; padding-bottom: 10px; } #sysMypageReview #sysMain .sysOrderHistory .sysOrderList .sysOrder .sysItemName{ font-size: 1.4em; } #sysMypageReview #sysMain .sysOrderHistory .sysOrderList .sysOrder .sysItemName a:hover{ color:#787878; } #sysMypageReview #sysMain .sysPagination ul{ margin-top: 20px; margin-bottom: 40px; } #sysMypageReview #sysMain .sysPagination ul li{ width: auto; padding: 0px; } #sysMypageReview #sysMain .sysPagination ul li a{ color: #808080; padding: 0px 10px; line-height: 35px; } #sysMypageReview #sysMain .sysPagination ul li a.sysCurrent{ background: #808080; color: #fff; font-size: 16px; padding: 0px 10px; } #sysMypageReview #sysMain .sysItemList ul.sysThumbnail li{ margin-bottom: 40px; } #sysMypageReview #sysMain .sysItemList ul.sysThumbnail li div form input.sysCartButton{ border: none; padding: 10px; margin: 5px 0; border-radius: 5px; background-color:#ff9300; color: #000; cursor: pointer; } #sysMypageReview #sysMain .sysItemList ul.sysThumbnail li div form input.sysButton{ border: none; padding: 10px; margin: 5px 0; border-radius: 5px; background-color:#666; color: #fff; cursor: pointer; } /*お気に入りリスト表示*/ #sysMypageReview #sysMain .sysItemListDisp{ margin-bottom: 15px; } #sysMypageReview #sysMain .sysItemList li div input.sysCartButton{ color: #000; background-color:#ff9300; margin-top: 10px; } #sysMypageReview #sysMain .sysItemList li div input.sysButton{ border: none; padding: 10px; margin: 5px 0; border-radius: 5px; background-color:#666; color: #fff; cursor: pointer; } #sysMypageReview .sysItemList ul.sysList li { padding-top: 17px; } #sysMypageReview .sysItemList ul.sysList li div{ line-height: 30px; } /*ポイントページ*/ #sysMypagePoint #sysMain h1{ margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } #sysMypagePoint #sysMain h2.sysMypageMinorHeadLine{ color: black; background-color: white; border: none; font-size: 16px; font-weight: bold; line-height: 1; margin-top: 30px; margin-bottom: 10px; padding-left: 0; } #sysMypagePoint #sysMain .sysItemList{ font-size: 14px; } #sysMypagePoint #sysMain .sysMypageNav{ margin-top: 50px; } #sysMypagePoint #sysMain .sysMypageNav form .sysButton{ width: 100%; margin-bottom: 15px; padding: 15px; border-radius: 10px; background: #ff9300; border: none; color: #000; font-size: 20px; font-weight: bold; } #sysMypagePoint #sysMain .sysOrderHistory .sysOrderList > div{ color:#999; margin-bottom: 25px; } #sysMypagePoint #sysMain .sysOrderHistory .sysOrderList li.sysOrder{ font-size: 0.8em; margin-bottom: 10px; padding-bottom: 10px; } #sysMypagePoint #sysMain .sysOrderHistory .sysOrderList .sysOrder .sysItemName{ font-size: 1.4em; } #sysMypagePoint #sysMain .sysOrderHistory .sysOrderList .sysOrder .sysItemName a:hover{ color:#787878; } #sysMypagePoint #sysMain .sysPagination ul{ margin-top: 20px; margin-bottom: 40px; } #sysMypagePoint #sysMain .sysPagination ul li{ width: auto; padding: 0px; } #sysMypagePoint #sysMain .sysPagination ul li a{ color: #808080; padding: 0px 10px; line-height: 35px; } #sysMypagePoint #sysMain .sysPagination ul li a.sysCurrent{ background: #808080; color: #fff; font-size: 16px; padding: 0px 10px; } #sysMypagePoint #sysMain .sysItemList ul.sysThumbnail li{ margin-bottom: 40px; } #sysMypagePoint #sysMain .sysItemList ul.sysThumbnail li div form input.sysCartButton{ border: none; padding: 10px; margin: 5px 0; border-radius: 5px; background-color:#ff9300; color: #000; cursor: pointer; } /*商品チェック履歴*/ #sysMypageAshiato #sysMain h1{ margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } #sysMypageAshiato #sysMain h2.sysMypageMinorHeadLine{ color: black; background-color: white; border: none; font-size: 16px; font-weight: bold; line-height: 1; margin-top: 30px; margin-bottom: 10px; padding-left: 0; } #sysMypageAshiato #sysMain .sysItemList{ font-size: 14px; } #sysMypageAshiato #sysMain .sysMypageNav{ margin-top: 50px; } #sysMypageAshiato #sysMain .sysMypageNav form .sysButton{ width: 100%; margin-bottom: 15px; padding: 15px; border-radius: 10px; background: #ff9300; border: none; color: #000; font-size: 20px; font-weight: bold; } #sysMypageAshiato #sysMain .sysOrderHistory .sysOrderList > div{ color:#999; margin-bottom: 25px; } #sysMypageAshiato #sysMain .sysOrderHistory .sysOrderList li.sysOrder{ font-size: 0.8em; margin-bottom: 10px; padding-bottom: 10px; } #sysMypageAshiato #sysMain .sysOrderHistory .sysOrderList .sysOrder .sysItemName{ font-size: 1.4em; } #sysMypageAshiato #sysMain .sysOrderHistory .sysOrderList .sysOrder .sysItemName a:hover{ color:#787878; } #sysMypageAshiato #sysMain .sysPagination ul{ margin-top: 20px; margin-bottom: 40px; } #sysMypageAshiato #sysMain .sysPagination ul li{ width: auto; padding: 0px; } #sysMypageAshiato #sysMain .sysPagination ul li a{ color: #808080; padding: 0px 10px; line-height: 35px; } #sysMypageAshiato #sysMain .sysPagination ul li a.sysCurrent{ background: #808080; color: #fff; font-size: 16px; padding: 0px 10px; } #sysMypageAshiato #sysMain .sysItemList ul.sysThumbnail li{ margin-bottom: 40px; } #sysMypageAshiato #sysMain .sysItemList ul.sysThumbnail li div form input.sysCartButton{ border: none; padding: 10px; margin: 5px 0; border-radius: 5px; background-color:#ff9300; color: #000; cursor: pointer; } /*商品チェック履歴リスト表示*/ #sysMypageAshiato #sysMain .sysItemListDisp{ margin-bottom: 15px; } #sysMypageAshiato #sysMain .sysItemList li div input.sysCartButton{ color: #000; background-color:#ff9300; margin-top: 10px; } #sysMypageAshiato #sysMain .sysItemList li div input.sysButton{ border: none; padding: 10px; margin: 5px 0; border-radius: 5px; background-color:#666; color: #fff; cursor: pointer; } #sysMypageAshiato .sysItemList ul.sysList li { padding-top: 17px; } #sysMypageAshiato .sysItemList ul.sysList li div{ line-height: 30px; } /*マイページ退会*/ #sysMypageWithdrawalConfirm #sysMain h1{ margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } #sysMypageWithdrawalConfirm #sysMain h2.sysMypageMinorHeadLine{ color: black; background-color: white; border: none; font-size: 16px; font-weight: bold; line-height: 1; margin-top: 30px; margin-bottom: 10px; padding-left: 0; } #sysMypageWithdrawalConfirm #sysMain .sysWithdrawal p{ font-size: 14px; } #sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form input.sysButton { border: none; padding: 10px; margin: 5px 0; border-radius: 5px; background-color: #666; color: #fff; cursor: pointer; width: auto; min-width: 10em; } #sysMypageWithdrawalConfirm #sysMain .sysWithdrawal p:nth-child(2){ margin-bottom: 30px; } /*マイページ退会完了*/ #sysMypageWithdrawalDone #sysMain{ max-width: 800px; padding:10px 15px 40px; margin: 0 auto; border: none; box-shadow: none; } #sysMypageWithdrawalDone #sysMain h1{ margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } #sysMypageWithdrawalDone #sysMain .sysWithdrawal{ font-size:14px; } /* 支払い情報入力、確認画面 */ #sysConfirm #sysMain h2.sysCartTitle, #sysPayment #sysMain h2.sysCartTitle { text-align: left; margin: 10px auto; } .sysCart form .sysRequired { font-size: 12px; font-weight: normal; } #sysPayment #sysMain .sysSelectOption ul.sysSelectPayment li:last-of-type, #sysPayment #sysMain .sysSelectPaymentArea ul.sysSelectPayment li:last-of-type { border-bottom: none; } #sysPayment #sysMain .sysNextSubmitArea { margin: 25px auto 10px; } #sysConfirm #sysMain > .sysOrder .sysBox, #sysConfirm #sysMain > .sysProduct .sysBox { border: none; border-radius: 0; box-shadow: none; border-bottom: 2px dashed #808080; margin: 0 auto; } #sysConfirm #sysMain > .sysProduct .sysBox { padding: 25px 0 20px; } #sysConfirm #sysMain > .sysOrder .sysBox, #sysConfirm #sysMain > .sysProduct ul li:last-of-type .sysBox { border-bottom: none; } #sysConfirm #sysMain > .sysOrder ul.nav li, #sysConfirm #sysMain > .sysDetail ul.nav li { padding: 0.5em 0; } #sysConfirm #sysMain > .sysProduct .sysBox hr { border-top: 1px solid #ededed; } #sysConfirm #sysMain > .sysProduct .sysBox .sysProduct > div:first-of-type { color: #575757; font-weight: bold; font-size: 16px; } #sysConfirm #sysMain .sysAcceptDomainArea { margin: 30px auto; } #sysThanks #sysMain .sysBox > div:first-of-type { font-size: 16px; color: #333; margin-bottom: 15px; } #sysThanks #sysMain .sysBox > div:nth-of-type(2) { margin-bottom: 15px; } #sysThanks #sysMain .sysBox .sysOrderNumber { color: #c00; font-size: 15px; } #sysThanks #sysMain .sysFreeAreaBottom h2 { color: #333; font-size: 18px; font-weight: bold; line-height: 1.4; margin: 25px auto 10px; } #sysThanks #sysMain .sysFreeAreaBottom ul { overflow: hidden; } #sysThanks #sysMain .sysFreeAreaBottom ul li { float: left; width: 33.33%; border-top: 1px solid #808080; } #sysThanks #sysMain .sysFreeAreaBottom ul li a { padding: 25px; display: block; } #sysThanks #sysMain .sysFreeAreaBottom ul li a:hover { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; } #sysThanks #sysMain .sysFreeAreaBottom ul li a .photo { width: 160px; height: 130px; margin: 0 auto; /*padding-top: 25px;*/ } #sysThanks #sysMain .sysFreeAreaBottom ul li a .photo img { width: 160px; height: auto; } #sysThanks #sysMain .sysFreeAreaBottom ul li a .text { line-height: 1.4; font-size: 14px; } #sysThanks #sysMain .sysFreeAreaBottom ul li a .text h3 { margin: 30px auto 10px; color: #333; line-height: 1.4; font-weight: normal; } #sysThanks #sysMain .sysFreeAreaBottom ul li a .text p { margin: 0; padding: 0; font-weight: bold; color: #890c0c; } #sysThanks #sysMain .sysFreeAreaBottom ul li a .text p .tax { color: #808080; } /* ログアウト */ #sysMypageLogout #sysMain{ max-width: 800px; padding:10px 15px 40px; margin: 0 auto; border: none; box-shadow: none; } #sysMypageLogout #sysMain h1{ margin: 20px auto; border-bottom: none; border-left: solid 5px #ccc; background-color: transparent; color: #000; font-size: 20px; font-weight: bold; padding: 0 0 0 7px; } #sysMypageLogout #sysMain h2.sysMypageMinorHeadLine{ color: black; background-color: white; border: none; font-size: 16px; font-weight: bold; line-height: 1; margin-top: 30px; margin-bottom: 10px; padding-left: 0; } #sysMypageLogout #sysMain p{ font-size: 14px; } /****************商品詳細ページ********************/ #sysItemDetail #sysMain .productBg{ background-color: #f2f2f2; padding: 20px 0 70px; } #sysItemDetail #sysMain .product{ width: 100%; max-width: 1100px; margin: 0 auto; padding: 10px 30px; overflow: hidden; } #sysItemDetail #sysMain .sysItemImages{ width: 50%; float: left; } #sysItemDetail #sysMain .productRight{ /*width: 500%;*/ width: 49%; /*max-width: 500px;*/ /*padding-left: 5%;*/ padding-left:7%; float: left; } #sysItemDetail #sysMain .productRight h1{ /*text-align: right;*/ text-align: left; /* border-bottom: solid 1px #000;*/ border-bottom: solid 1px #dbdbdb; } #sysItemDetail #sysMain #sysCartInForm div select{ min-width: 100px; } #sysItemDetail #sysMain .productRight .sysRetailPrice{ color: #000; text-align: right; /* width: 60%; */ margin-left: auto; padding-bottom: 5px; border-bottom: solid 1px #dbdbdb; margin-bottom: 10px; } #sysItemDetail #sysVariation{ margin-top: 0px; } #sysItemDetail #sysVariation div{ width: 50%; margin-right: 0px; padding-bottom: 10px; border-bottom: solid 1px #dbdbdb; } #sysItemDetail #sysMain #sysCartInForm #sysNumber{ /*width: 50%; padding-bottom: 30px; margin-left: auto; border-bottom: solid 1px #dbdbdb;*/ width: 50%; margin-left: auto; padding-bottom: 15px; border-bottom: solid 1px #dbdbdb; margin-bottom: 20px; } #sysItemDetail #sysMain .sysNumArea{ display: none; } #sysItemDetail #sysMain .productRight #sysCartInForm div{ text-align: right; } #sysItemDetail #sysMain .productRight #sysCartInForm #sysSelections { /*overflow: hidden; margin: 5px auto;*/ } #sysItemDetail #sysMain .productRight #sysCartInForm #sysSelections{ width: 50%; /* margin-left: auto; */ /* margin-right: 0px; */ padding-bottom: 10px; border-bottom: solid 1px #dbdbdb; margin: 10px 0 10px auto; overflow: hidden; } #sysItemDetail .sysForm select{ width:auto; position: relative; background-color: #fff; border: 1px solid #808080; border-radius: 4px; color: #555; padding: 5px; font-size: 14px; } /*#sysItemDetail #sysMain #sysSubmit .sysAddGoCartButton { color: #000; background-color:#ff9300; background-image: url("/img/icon/icon_cart.svg"); background-repeat: no-repeat; background-size: auto 47%; background-position:top 15px left 90px; margin-top: 40px; margin-bottom: 40px; padding: 15px; font-size: 1.3em; }*/ #sysItemDetail #sysMain #sysSubmit .sysAddGoCartButton { /*background-image: url("/img/icon/cart_btn.png");*/ background: url("/img/icon/cart_btn.png") no-repeat 0 0; background-size: contain; margin: 0 auto; display: block; width: 98%; margin-left: 2%; height: 70px; /*margin-bottom: 35px;*/ text-indent: -9999px; } #sysItemDetail #sysMain #sysSubmit .sysAddGoCartButton:hover{ opacity: 0.8; } #sysItemDetail #sysMain .sysCartButton{ /***background-image: url("/img/icon/cart_btn.png");***/ background: url("/img/icon/cart_btn.png") no-repeat 0 0; background-size: contain; margin: 0 auto; display: block; width: 98%; margin-left: 2%; height: 70px; /***margin-bottom: 35px;***/ text-indent: -9999px; } #sysItemDetail #sysMain .sysCartButton:hover{ opacity: 0.8; } #sysItemDetail .sysDescription #sysDescription{ margin-top: 4px; } #sysItemDetail .sysDescription #sysDescription p{ margin: 0; padding-left: 10px; font-size: 12px; } /****************商品詳細ページ（下部）********************/ #sysItemDetail #sysMain .sysExplanation{ max-width: 960px; padding: 10px 30px; margin: 0 auto; font-size:17px; color: #333333; } #sysItemDetail #sysMain .sysExplanation h2{ color: #333333; margin-top: 45px; font-size: 23px; margin-bottom: 20px; padding-bottom: 5px; border-bottom: solid 1px #919191; } #sysItemDetail #sysMain .sysExplanation h2#spec-head { border-bottom: solid 1px #000; } #sysItemDetail #sysMain .sysExplanation #sysExplanation p{ line-height: 30px; margin-top: 25px; margin-bottom: 20px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation p.tafup{ margin-top: 20px; margin-bottom: 20px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation p.plap{ margin-top: 20px; margin-bottom: 20px; line-height: 30px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation .video-area{ display: flex; flex-wrap: wrap; justify-content: center; max-width: 900px; margin: 0 auto 72px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation .video-area .video-item{ max-width: 560px; width: 100%; margin: 10px; margin-top: 20px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation .video-area .video-item p{ text-align: center; /*margin-bottom: -25px;*/ } #sysItemDetail #sysMain .sysExplanation #sysExplanation div img{ width: 100%; height: auto; margin-top: 20px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation div img.img01{ width: 100%; height: auto; margin-top: 0; } #sysItemDetail #sysMain .sysExplanation #sysExplanation div.smartImg{ margin-bottom: 20px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation .video-area p:nth-of-type(1){ margin-top: 100px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation div img.listImg{ width: 900px; height: auto; margin-top: 0px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation .spec-pic { width: 55%; float: left; } #sysItemDetail #sysMain .sysExplanation #sysExplanation img#spec-pic-dital { display: block; max-width: 500px; width: 100%; height:auto; } #sysItemDetail #sysMain .sysExplanation #sysExplanation .spec-data table { width: 45%; border: none; } #sysItemDetail #sysMain .sysExplanation #sysExplanation .spec-data table tr { /* display: flex; align-items: center; */ margin-top: 10px; border-bottom: solid 1px gray; height: 40px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation .spec-data table td { width: 50%; font-size: 14px; /*font-size: 16px;*/ padding: 0.5em 0; } #sysItemDetail #sysMain .sysExplanation #sysExplanation .spec-data table td.spec-item { text-align: right; } .container{ overflow: hidden; } #sysItemDetail #sysMain .sysExplanation #sysExplanation .cart-box{ text-align: center } /*#sysItemDetail #sysMain .sysExplanation #sysExplanation .cart-box button.cart-btn{ width: 100%; max-width: 350px; color: #000; background-color: #ff9300; margin-top: 40px; margin-bottom: 40px; height: 65px; font-size: 1.3em; border-radius: 5px; border: none; }*/ #sysItemDetail #sysMain .sysExplanation #sysExplanation .cart-box button.cart-btn{ background: url(/img/icon/cart_btn.png) no-repeat 0 0; background-size: contain; max-width:435px; display: block; margin: 30px auto 0; width: 100%; height: 70px; /* margin-bottom: 35px; */ text-indent: -9999px; border: none; } #sysItemDetail #sysMain .sysExplanation #sysExplanation .cart-box button.cart-btn:hover{ opacity: 0.8; } #sysItemDetail #sysMain .sysExplanation #sysExplanation ul.link-box { overflow: hidden; max-width: 750px; margin: 50px auto 40px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation ul.link-box li { width: 50%; float: left; padding: 0 10px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation ul.link-box li a { position: relative; display: block; font-size: 17px; width: 350px; height: 85px; padding: 15px 35px 10px 92px; background-color: #dbdbdb; background-size: 50px auto; background-position: 10px 50%; background-repeat: no-repeat; margin: 0 auto; } #sysItemDetail #sysMain .sysExplanation #sysExplanation ul.link-box li a.dict { background-image: url('/blog/wp-content/themes/i-maker/assets/images/icon_dictionary.png'); background-position-x: 20px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation ul.link-box li a.shape { background-image: url('/blog/wp-content/themes/i-maker/assets/images/icon_shape.png'); background-position-x: 20px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation ul.link-box li a .fa-angle-right { position: absolute; right: 10px; bottom: 15px; font-size: 50px; } /*商品詳細ページパンくずリスト*/ #sysItemDetail #sysMain .sysCategoryPankuzu{ color: black; background-color:#f2f2f2; max-width: 830px; margin: -5px auto 0px; font-size: 12px; padding-left: 10px; } #sysItemDetail #sysMain .sysCategoryPankuzu a{ overflow: hidden; padding: 5px 5px; margin: 0 auto; font-size: 10px; background-color: #f2f2f2; color: #787878; } #sysItemDetail #sysMain .sysCategoryPankuzu a:nth-of-type(even){ margin-left: 10px; } /**************商品カテゴリーページ******************/ #sysItemCategory #sysMain form .sysItemCategoryCtl, #sysItemCategory #sysMain .sysItemListDisp, #sysItemCategory #sysMain .sysItemList{ max-width: 1100px; margin: 0 auto; } #sysItemCategory #sysMain sysItemCategoryInfo .sysCategoryDescription{ border-bottom: solid 1px #919191; padding-bottom: 20px; position: relative; } #sysItemCategory #sysMain div.sysItemCategoryPankuzu .fa-chevron-right:before{ content: '\f054'; color: #ccc; font-family: 'FontAwesome'; margin-left: 0.15em; position: relative; bottom: 0px; } #sysItemCategory #sysMain .sysItemCategoryInfo{ margin: 0 auto; max-width: 1100px; } #sysItemCategory #sysMain .sysItemCategoryInfo .sysCategoryDescription h1{ font-size: 18px; border-bottom: solid 1px #919191; /*padding-bottom: 20px;*/ position: relative; /*max-width: 1100px*/; margin: 0 10px 15px; } #sysItemCategory #sysMain .sysItemListDisp .sysItemListViewType label{ display: none; } #sysItemCategory #sysMain .sysItemListDisp .sysItemListViewType label{ display: none; } #sysItemCategory .sysItemList ul.sysThumbnail li{ width: 32%; /* float: none; */ /* display: inline-block; */ padding: 20px; letter-spacing: normal; margin: 0; text-align: center; vertical-align: top; border: 1px solid #d3d3d3; margin: 0 2% 30px 0; } /*#sysItemCategory .sysItemList ul.sysThumbnail li:nth-of-type(3n){ margin-right: 0; }*/ #sysItemCategory .sysItemList ul.sysThumbnail li{ text-align: center; } #sysItemCategory .sysItemList ul.sysThumbnail li .sysRetailPrice{ font-size: 14px; color: #787878; line-height: 0px; margin-bottom: 15px; } #sysItemCategory #sysMain .sysItemCategoryCtl { border: none; } #sysItemCategory #sysMain form div.sysItemCategoryCtl a, #sysItemCategory #sysMain form div.sysItemCategoryCtl a.sysCurrent{ display: inline-block; text-decoration: none; background: #4b4b4b; color: #fff; font-size: 11px; line-height: 1; padding: 3px 10px; border: none; border-radius:0px; margin-bottom: 8px; margin-right: 4px; } #sysItemCategory #sysMain ul li form input{ background-color: #ff9300; color: #000; } #sysItemCategory #sysMain div.sysPagination ul li { width: 31px; padding: 5px; display: inline-block; } #sysItemCategory #sysMain div.sysPagination ul li a{ display: block; border: 1px solid #808080; width: 30px; line-height: 31px; text-decoration: none; color: #808080; background-color: #fff; } #sysItemCategory #sysMain div.sysPagination ul li a.sysCurrent { background-color: #808080; color: #fff; font-size: 16px; } /********************商品カテゴリーページパンくずリスト*******************/ #sysItemCategory #sysMain .sysItemCategoryPankuzu{ background-color: #fff; color: #787878; overflow: hidden; max-width: 830px; padding: 10px 15px 10px; margin: 0 auto; font-size: 10px; } #sysItemCategory #sysMain .sysItemCategoryPankuzu a{ color: #787878; text-decoration: none; background-color: #fff; font-size: 10px; } /********************商品検索***********************/ #sysItemSearch #sysMain h2{ display: none; } #sysItemSearch #sysMain .sysItemSearchForm, #sysItemSearch #sysMain .sysItemList, #sysItemSearch #sysMain ul.sysThumbnail{ max-width: 1100px; margin: 0 auto; } #sysItemSearch #sysMain .sysItemSearchForm .sysItemSearchFormRange, #sysItemSearch #sysMain .sysItemSearchForm .sysItemSearchFormCategory, #sysItemSearch #sysMain .sysItemSearchForm .sysItemSearchFormSort, #sysItemSearch #sysMain .sysItemSearchForm .sysItemSearchFormLimit { width: 1100px; max-width: 1100px; padding: 10px 15px 0 15px; } #sysItemSearch #sysMain form .sysItemSearchFormWord{ padding: 0 15px; } #sysItemSearch #sysMain .sysItemSearchForm div.sysFreeArea{ margin: 30px auto 0; padding: 0 10px; width: 100%; max-width: 1100px; } #sysItemSearch #sysMain form.sysItemSearchForm .sysItemSearchFormWord input{ border-radius: 5px 5px 5px 5px; border: #656565 1px solid; /*padding: 0.2em 0.5em;*/ padding: 0.75em 0.5em; } #sysItemSearch #sysMain .sysItemSearchForm div.sysFreeArea .title{ border-bottom: solid 1px #919191; margin-bottom: 15px; } #sysItemSearch #sysMain .sysItemSearchForm div.sysFreeArea .title img.icn{ width: 35px; height: auto; float: left; margin-right: 10px; } #sysItemSearch #sysMain .sysItemSearchForm div.sysFreeArea h1{ width: 100%; font-size: 18px; /*border-bottom: solid 1px #919191; padding-bottom: 10px;*/ } #sysItemSearch #sysMain form .sysItemSearchFormCategory select, #sysItemSearch #sysMain form .sysItemSearchFormSort select, #sysItemSearch #sysMain form .sysItemSearchFormLimit select { -webkit-appearance: button; position: relative; background-color: #F5F5F5; box-shadow: 1px 1px #000000; border: 1px solid #808080; border-radius: 4px; color: #555; padding: 5px; font-size: 14px; } #sysItemSearch #sysMain form input.sysSearchButton{ width: 55%; height: auto; border: none; border-radius: 10px; margin: 30px auto 20px; padding: 15px; background: #57d583; font-weight: bold; font-size: 18px; color: #fff; } #sysItemSearch #sysMain label{ display: none; } #sysItemSearch .sysItemList ul.sysThumbnail li{ width: 32%; padding: 20px; letter-spacing: normal; margin: 0; text-align: center; vertical-align: top; border: 1px solid #d3d3d3; margin: 0 2% 30px 0; } #sysItemSearch .sysItemList ul.sysThumbnail li{ text-align: center; } #sysItemSearch .sysItemList ul.sysThumbnail li .sysRetailPrice{ font-size: 14px; color: #787878; line-height: 0px; margin-bottom: 15px; } #sysItemSearch #sysMain .sysItemCategoryCtl { border: none; } /*商品検索ページナビ*/ #sysItemSearch #sysMain .sysPagination ul{ margin-bottom: 40px; } #sysItemSearch #sysMain .sysPagination ul li{ width: 31px; padding: 5px; display: inline-block; } #sysItemSearch #sysMain .sysPagination ul li a{ display: block; border: 1px solid #808080; width: 30px; line-height: 31px; text-decoration: none; color: #808080; background-color: #fff; } #sysItemSearch #sysMain div.sysPagination ul li a.sysCurrent { background-color: #808080; color: #fff; font-size: 16px; } /* トップページ */ #top #sysMain .topIconCnt { width: 100%; /*max-width: 1100px;*/ margin: 0 auto; text-align: center; border-top: solid 1px #ccc; } #top #sysMain .topIconCnt .sysContent .headline { margin: 40px auto; } #top #sysMain .topIconCnt .sysContent .headline img.icn{ width: 70px; height: auto; } #top #sysMain .topIconCnt .sysContent .headline p{ font-weight: 400; letter-spacing: 5px; } #top #sysMain .topIconCnt .sysContent .headline p.heading{ font-size: 25px; font-weight: bolder; margin: 0 auto; } #top #sysMain .topIconCnt .sysContent .headline p.sentence{ font-size: 14px; margin: 0 auto 10px; } #top #sysMain .topIconCnt .sysContent .headline a.more-btn { width: 110px; height: 22px; margin: 0 auto; padding: 0 30px; background-color: #272727; border-radius: 12px; font-size: 14px; color: #fff; text-align: center; line-height: 22px; } #top #sysMain .topIconCnt .sysContent .headline a.more-btn:hover, #top #sysMain .moreSqBtn .sysContent a:hover{ background-color: #808080; } #top #sysMain .topIconCnt .sysContent .headline a.more-btn i{ margin-left: 5px; } #top #sysMain .moreSqBtn .sysContent a{ display: block; font-size: 14px; margin: 0 auto 50px; padding-top: 7px; width: 40%; height: 35px; color: #fff; background-color: #000; text-align: center; } #top #sysMain .moreSqBtn .sysContent a i::before{ margin-left: 10px; } /* トップページ ニュース */ .topPickupList .sysContent, .topSecretShapeList .sysContent, .topDictionaryList .sysContent, .topNewsList .sysContent { padding: 5px 0; } ul.top-pickuplist li a, .topSecretShapeList ul.shape_secret_list li a, ul.top-dictionarylist li a, ul.top-newslist li a { display: block; } ul.top-pickuplist li ul.post-categories li, ul.top-newslist li ul.post-categories li { width: auto; margin: 0 0.5em 0 0; } ul.top-pickuplist li ul.post-categories li a, ul.top-newslist li ul.post-categories li a { display: inline-block; width: auto; text-decoration: none; background: #4b4b4b; color: #fff; font-size: 11px; line-height: 1; padding: 3px 10px; } /* トップページ ものづくり辞典 */ /* トップページ カタチのヒミツ */ /* トップページ Today's Pickup */ .topPickupList h2.sysHeadline { text-align: center; font-size: 25px; margin: 0 0 20px; } .topPickupList h2.sysHeadline span { display: inline-block; padding: 0 10px 0px; border-bottom: 2px solid #ccc; font-family: Helvetica Neue; } ul.top-pickuplist li ul.post-categories { overflow: hidden; } /* トップページ オンラインストア*/ #top #sysMain .sysFuncItemBlock .sysContent .sysItemBlock .sysHorizontal li{ text-align: left; } #top #sysMain .sysFuncItemBlock .sysContent .sysItemBlock .sysHorizontal li a{ font-weight: bold; text-overflow: ellipsis; min-width: 0; white-space: nowrap; overflow: hidden; } #top #sysMain .sysFuncItemBlock .sysContent .sysItemBlock .sysHorizontal li .sysItemPrice{ font-size: 16px; color: #000; } #top #sysMain .sysFuncItemBlock .sysContent .sysItemBlock .sysHorizontal li .sysItemName{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-grow: 1; min-width: 0; } /*特定商取引法に基づく表記*/ #tokusho .p-tokusho .sysContent p a{ color: #0000ff; } #corporate .p-corporate .sysContent p a{ color: #0000ff; } /*Safariだけに適用されるCSSハック*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .sysCategoryPankuzu .fa{padding: 3px 0;vertical-align: top;} .sysCategoryPankuzu a{line-height: 12px;} .fa-chevron-right:before { bottom: 0; } } /*アイメーカーとは*/ #concept #sysMain .conceptText2 .sysContent{ padding: 0; } /*#concept .conceptText2 p{ font-size: 1.1em; }*/ #concept .p-footer_snsbtn{ margin-top: 4em; } /*コンテンツ文章のフォントカラー（おためし）*/ /*【フッター】お支払いについて・送料配送について*/ .creditImg img{ width: 85%; } .amazonImg img{ width: 19%; } .creditTitle{ border-bottom: solid 1px #95989A; margin-bottom: 25px; padding-bottom: 7px; } .tIndent10{ text-indent: 16px; } /*買い物かごカウント*/ /*インストラクション*/ #sysItemDetail #sysMain .sysExplanation #sysExplanation p.instruction{ font-size: 13px; } /*安全な取り扱い*/ #sysItemDetail #sysMain .sysExplanation #sysExplanation p.safety{ font-size: 13px; } /*ポリプロピレンライクなどの表*/ #sysItemDetail .spec-data-form2 table { table-layout: fixed; width: 100%; } .sysExplanation .spec-data-form2 table tr, .sysExplanation .spec-data-form2 table th, .sysExplanation .spec-data-form2 table td{ border: 1px solid #999; } .sysExplanation .spec-data-form2 table th{ line-height: 1.5; padding: 3px 0 3px 0; background-color: #dbdbdb; } .sysExplanation .spec-data-form2 table td{ padding-left: 5px; padding-right: 5px; } /*スペック表下の注釈*/ .specDetail{ font-size: 13px; } /*商品・関連商品一覧のタイトルを一行にする*/ /*ストア内商品名1行css*/ #sysItemCategory .sysItemList .sysThumbnail .sysItemName { color: #333333; font-size: 18px; margin-top: 43px; text-align: left; padding-left: 10px; font-weight: bold; text-overflow: ellipsis; min-width: 0; white-space: nowrap; overflow: hidden; } /*スライドヘッダーサイド*/ /*#asideWrap{ margin-top: 121px; }*/ /* 共通クラス */ .mt5 { margin-top: 5px !important; } .mb20 { margin-bottom: 20px !important; } ul.instruction li{ font-size: 14px; list-style-type: disc; margin-left: 17px; } .video iframe{ position:absolute; top:0; right:0; width:100%; height:100%; } .test_news_pulldown_menu, .test_news_pulldown_menu2 { height:0; } /* ログイン、マイページメニューテキスト＆画像アイコン */ .cta_content h5 { font-weight: bold; text-overflow: ellipsis; min-width: 0; white-space: nowrap; overflow: hidden; } /* 使い方完全ガイド */ .guide-top-title .sysContent, .guide-link-list .sysContent, .guide-link-list-inner .sysContent, .guide-news-column .sysContent, .guide-bottom-banner .sysContent, .guide-form2-items .sysContent{ padding:0; } /* guide-top */ /* guide-section1 */ /* section2～section7共通 */ /* ニュース・コラム */ /****/ /* Form2商品はこちら */ .Form2 .sysContent{ padding:0; width:80%; margin:0 auto; } .Form2 .sysItemName{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:20px; margin-bottom:0; } @media screen and (max-width:767px){ .Form2 .sysContent{ padding:0; width:100%; margin:0 auto; } .Form2 .sysContent .sysItemBlock .sysHorizontal li{ width:48%; margin:1%; } .Form2 .sysItemName{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:2vw; font-weight:bold; margin-bottom:0; } .Form2 .sysItemPrice{ color:#707070; position:relative; left:0; margin-bottom:0; font-size:1vw; text-align:left; } .Form2 .sysItemPrice:before{ content:""; position:absolute; left:0; } .Form2 .sysContent .sysItemBlock .sysHorizontal{ max-width:100%; } .Form2 li img{ margin-bottom:20px; } .Form2 form{ display:none; } }/* 767px-end */ /* 使い方完全ガイドSP */ /* 1200px-end */ /* 1000px-end */ /* 640px-end */ /* 新規フォーム */ /* 767px-end */ #company .sysItemBlock .sysHorizontal:after{ display:none; } /*あとで削除*/ #company .sysHeadline{padding: 0;} /* .sysHeadline{padding:0 !important;} */ .sysItemBlock .sysHorizontal li input{background-color:#ff9300;color:#000;width:100%;} .sysItemBlock .sysHorizontal li input:hover{background-color:#999;} #company .sysItemPrice:before,#amazonpay .sysItemPrice:before{ content: "価格："; } /* sp-footer-navi */ .sp-footer-navi{ position: fixed; left: 0; bottom: 0; width: 100%; } .sp-footer-navi .sysContent{ display: flex; align-items: center; } .sysCategoryDescription{padding: 12px 0;} img.alignleft{ float: left; margin: 0 20px 20px 0; padding: 0; } img.alignright{ float: right; margin: 0 0 20px 20px; padding: 0; } .aligncenter{ display:block; margin:20px auto !important; } .alignleft{ float: left; margin: 0 20px 20px 0; padding: 0; } .alignright{ float: right; margin: 0 0 20px 20px; padding: 0; text-align: right; } .aligncenter{ display:block; margin:20px auto !important; text-align: center; } #sysItemDetail #sysMain .item_btn a { background-size: contain; margin: 0 auto 20px; display: block; width: 98%; margin-left: 2%; height: 70px; border: none; padding: 10px; border-radius: 5px; background-color: #333; color: #fff; text-align: center; font-size: 16px; line-height: 3; cursor: pointer; } #sysItemDetail #sysMain .item_btn a:hover { background-color: #4e4e4e; } #sysItemDetail #sysMain .item_btn2 a { background-size: contain; margin: 0 auto 20px; display: block; width: 100%; margin-left: 0%; height: 70px; border: none; padding: 10px; border-radius: 5px; background-color: #333; color: #fff; text-align: center; font-size: 16px; line-height: 3; cursor: pointer; } #sysItemDetail #sysMain .item_btn2 a:hover { background-color: #4e4e4e; } #sysItemDetail #sysMain .item_btn_outer { margin: 20px auto; max-width: 435px; } .header-link .sysContent, .header-link-sp .sysContent{ font-size: 1.3rem; } #sysHeader .sp-subnavi, #sysHeader .spnavi2 { display: none; } #sysHeader .spnavi2 .sysContent>ul{ height: calc( 100vh - 62px ); overflow-y: auto; } #sysHeader .spnavi2 { display: none; width: 100%; background: #333; position: absolute; left: 0; z-index: 10; } #sysHeader .spnavi2 .sysContent{ padding: 0; } #sysHeader .spnavi2 .search { padding: 10px; width: 100%; background: #fff; } #sysHeader .spnavi2 .search input { width: 100%; padding: 10px 5px 10px 65px; background: #fff; border: 1px solid #c9c9c9; } #sysHeader .spnavi2 .search button { font-size: 20px; font-size: 2rem; border: none; background: none; position: absolute; top: 5px; left: 5px; } #sysHeader .spnavi2 ul li a { border-bottom: 1px solid #fff; display: block; color: #fff; font-size: 16px; font-size: 1.6rem; font-weight: bold; padding: 10px; background: #333; } #sysHeader .spnavi2 ul li .sub-menu a { background-color: #666; } #sysHeader .spnavi2 ul li.cart a:after { content: '\f07a'; } @media screen and (max-width: 1200px) { footer { padding-bottom: 5rem; } } footer { color: #fff; } footer .contact button { border-radius: 0.2rem; padding: 0.5rem 2rem; background-color: #1473E6; color: #fff; } footer .contact__address { padding: 2rem 0; } footer .contact__inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem 0; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .item-flex2 { display: flex; } .aside-2022 h2 { font-size: 2rem; font-weight: bold; } .aside-2022 h3 { font-size: 1.3rem !important; border-bottom: none !important; } .aside-2022 li { border-bottom: none !important; } .aside-2022 ul { border-left: 0.1rem solid; margin-left: 1rem !important; } .zaikogire { padding: 4px 12px; color: #fff; background-color: #333; font-size: 14px; } .wpim__newsitem_content_footer > .post-categories { display: inline; list-style: none; } .wpim__newsitem_content_footer > .post-categories > li { display: inline-block; font-size: 0.7em; vertical-align: middle; margin: 2px; } .wpim__newsitem_content_footer > .post-categories > li > a { display: inline-block; border: currentColor solid 1px; padding: 1px 0.5em; } @media screen and (max-width:767px){ /* 10-0 Only Smartphone *----------------------------------------------------------------------*/ /* 10-1 Header */ .h-utilitybtn .sysContent { width: 32%; float: none; position: absolute; z-index: 999; top: 0; right: 15%; } .h-utilitybtn ul li.sysText a { line-height: 17px; height: 47px; font-size: x-small; } .h-utilitybtn ul li.sysText a:before { content: ""; width: 20px; margin: 5px auto 0; height: 20px; display: block; } .h-utilitybtn ul li.sysText:nth-child(1) a:before { background: url(http://template-advance.aispr.jp/img/icon/icon-mypage.png); background-size: 100%; } .h-utilitybtn ul li.sysText:nth-child(2) a:before { background: url(http://template-advance.aispr.jp/img/icon/icon-cart.png); background-size: 100%; } .h-cartBtn_sp .sysContent img { width:30px; } /* 12-12 見出し */ .mainCnt .sysContent h2{ margin-bottom: 18px; } /* 12-14 Responsive Grid System */ /* 12-2 Holizontal Item Block */ .sysContent .sysItemBlock .sysHorizontal { font-size: small; /* max-width: 450px; */ max-width:none; max-width:auto; max-widtth:initial; } .sysContent .sysItemBlock .sysHorizontal li{ margin: 0 0 35px; width: 100%; } .sysItemList ul.sysThumbnail li{ width: 50%;} /* 13-2-2 Half Banner */ /*top*/ .topPickupList h2.sysHeadline { margin-bottom:0; } .topPickupList h2.sysHeadline span{ font-size:20px; } /* 13-2-3 PICK UP Item */ .p-pickup .sysContent { padding: 0 0 5px; } /* 13-2-4 News & SNS */ /* 13-2-5 ShopInformation */ .p-shopInfo .sysContent, .shopinfo-inner, .shopinfo-row { display: block;} /* 14-1-2 Category Pankuzu */ .sysItemCategoryPankuzu { font-size: xx-small; } /* 14-1-7 Archive Thumbnail Item */ .sysItemList ul.sysThumbnail { font-size: small;} .sysItemList ul.sysThumbnail input { font-size: x-small;} /* 14-2-3 Order Area */ /* 14-5-2 MyPage*/ .sysMypageNav .sysButton{ } /* カートページ */ ol.cart_step_bar li { font-size: 8px; } ol.cart_step_bar li.current { font-size: 10px; } #sysBasket.sysCart #sysMain select { display: inline-block; } .sysCart #sysMain .sysNextSubmitArea .sysNextSubmit { } .sysMemberRegister #sysMain .sysForm, #sysRegi #sysMain .sysBox { padding: 10px; } #sysRegi #sysMain .sysBox .sysForm .sysSubmit .sysLoginButton { width: 100%; } #sysMemberRegisterConfirm #sysMain h2 + div { font-size: 12px; } #sysThanks #sysMain .sysFreeAreaBottom ul li { width: 100%; } /* お問い合わせフォーム */ .form-inquiry #sysMain form{ padding:10px; } .form-inquiry .inquirytext{ font-size: 13px; } /* お問い合わせ確認フォーム */ /*マイページログインフォーム*/ #sysMypageLogin #sysMain .sysLoginForm{ padding: 10px 10px; } /* マイページ購入履歴 */ #sysMypageIndex #sysMain .sysMypageNav form .sysButton{ font-size: 0.75em; } #sysMypageIndex #sysMain .sysMypageNav form .sysButton{ padding: 15px 1px; } /*マイページお気に入り*/ #sysMypageReview #sysMain .sysMypageNav form .sysButton{ font-size: 0.75em; } #sysMypageReview #sysMain .sysMypageNav form .sysButton{ padding: 15px 1px; } /* 会員情報変更【確認】 */ #sysMypageEditConfirm #sysMain form .sysForm{ padding:10px; } /*お届け先情報を編集*/ #sysMypageEditDelivery #sysMain form{ padding:10px; } /*お届け先情報編集ボタンの向こう側*/ #sysMypageEditDeliveryinput #sysMain form{ padding:10px; } /*お届け先を選択する*/ #sysDestination #sysMain div.sysSelectAddress form input.sysNextSubmit, #sysDestination #sysMain div.sysSelectAddress form a.sysAccordion div.sysSubTitle, #sysDestination #sysMain div.sysSelectAddress div button.sysNextSubmit{ font-size: 16px; } #sysDestination .sysSelectAddress div{ padding: 0; } /*ポイントページ*/ #sysMypagePoint #sysMain .sysMypageNav form .sysButton{ font-size: 0.75em; } #sysMypagePoint .sysItemList ul.sysList li div{ line-height: 30px; float: left; padding-left: 10px; width: 49%; } /*商品チェック履歴*/ #sysMypageAshiato #sysMain .sysMypageNav form .sysButton{ font-size: 0.75em; } #sysMypageAshiato .sysItemList ul.sysList li div{ line-height: 30px; float: left; padding-left: 10px; width: 49%; } /*商品一覧*/ .p-newitem-title .sysContent{ margin-top: 30px; } .p-newitem-title .sysContent .shop_head .bdr{ padding-bottom: 23px; height: 2.9em; position: relative; text-align: left; /*right: 10px;*/ } .p-newitem-title .sysContent .shop_head p{ font-size: 11px; text-align: left; /* margin: 0px 0 0 59%; */ position: absolute; top: 5px; right: 10px; } .p-newitem-title .sysContent .shop_head .title{ width: 42%; } /*.p-newitem-title .sysContent .shop_head .bdr{ padding-bottom: 27px; }*/ /*.p-newitem-title .sysContent .shop_head .bdr{ padding-bottom: 23px; height: 2.9em; position: relative; }*/ .p-newItem .sysContent .sysHorizontal .sysItemImage img{ max-height: 180px; width: auto; display: block; margin: 0 auto; } .p-newItem.mainCnt{ padding: 10px 25px 40px 25px; } /*商品詳細ページ*/ #sysItemDetail #sysMain .sysExplanation{ font-size: 16px; } #sysItemDetail #sysMain .sysItemImages{ width: 100%; float: none; } #sysItemDetail #sysMain .sysExplanation #sysExplanation .spec-pic{ float: none; display: block; width: 80%; margin: 0 auto; } #sysItemDetail #sysMain .productRight{ width: auto; max-width: 400px; padding-left: 0; margin: 20px auto; float: none; } #sysItemDetail #sysMain .sysExplanation #sysExplanation .spec-data table { width: 80%; float: none; margin: 0 auto; } #sysItemDetail #sysMain .sysExplanation #sysExplanation div img { width: 100%; height: auto; } #sysItemDetail #sysMain .sysExplanation #sysExplanation ul.link-box li { margin-bottom: 15px; width: 100%; } #sysItemDetail #sysMain #sysSubmit .sysAddGoCartButton { background-size: 100%; background-position: top 0px left 0px; } #sysItemDetail #sysVariation div{ width: 66%; } #sysItemDetail #sysMain #sysCartInForm #sysNumber{ width: 66%; } #sysItemDetail #sysMain .productRight #sysCartInForm #sysSelections{ width: 66%; } #sysItemDetail #sysMain .sysExplanation #sysExplanation ul.link-box{ max-width: 350px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation ul.link-box li a{ width: 100%; font-size: 14px; } #sysItemDetail #sysMain .sysExplanation #sysExplanation .video-area p:nth-of-type(1) { margin-top: 10px; } /*商品詳細ページ（おすすめ商品）*/ #sysItemDetail #sysMain .sysItemBlock ul.sysHorizontal{ width: 100%; max-width: 400px; padding: 0px 10px 0px; } #sysItemDetail .productRight .sysItemName{ height: auto; white-space: initial; } /*商品カテゴリーページ*/ #sysItemCategory #sysMain form .sysItemCategoryCtl, #sysItemCategory #sysMain .sysItemListDisp{ width: 100%; padding: 0 10px 0 20px; } #sysItemCategory #sysMain .sysItemList{ width: 100%; max-width: 450px; padding: 10px 10px 0px; } #sysItemCategory .sysItemList ul{ margin: 0 auto; } #sysItemCategory .sysItemList ul.sysThumbnail li{ margin:0 0 30px 0; width: 100%; max-width: 450px; } /*商品検索*/ #sysItemSearch #sysMain form .sysItemCategoryCtl, #sysItemSearch #sysMain .sysItemListDisp{ width: 100%; padding: 0 10px 0 20px; } #sysItemSearch #sysMain .sysItemSearchForm div.sysFreeArea .title{ padding-bottom: 10px; } #sysItemSearch #sysMain .sysItemSearchForm div.sysFreeArea .title h1{ padding-top: 5px; } #sysItemSearch #sysMain .sysItemList{ width: 100%; max-width: 450px; padding: 10px 10px 0px; } #sysItemSearch #sysMain form .sysItemSearchFormCategory select{ width: 140px; } #sysItemSearch .sysItemList ul{ width: 100%; max-width: 450px; margin: 0 auto; } #sysItemSearch #sysMain ul.sysThumbnail { width: 100%; max-width: 450px; margin: 0 auto; } #sysItemSearch .sysItemList ul.sysThumbnail li{ margin:0 0 30px 0; width: 100%; max-width: 450px; } #sysItemSearch #sysMain form input.sysSearchButton{ width: 85%; } /*トップページ*/ #top #sysMain .moreSqBtn .sysContent{ padding-left: 15px; padding-right: 15px; } #top #sysMain .moreSqBtn .sysContent a{ width: 100%; max-width: 450px; } #top #sysMain .topIconCnt{ border-top: solid 4px #ccc; } /*トップページニュース*/ /*企業情報*/ .mainCnt .sysContent p{ } /*フッター*/ #sysFooter i.fa-chevron-right:before{ position: relative; bottom: 0; color: #fff; padding-right: 20px; } /*ヘッダーカートアイコン*/ .h-cartBtn_sp .sysContent img { margin-top: 10px; } /*ページトップボタン*/ /*フッター*/ /*パンくず*/ /*アイメーカーとは*/ #concept .concept_item .sysContent{ /* padding: 0 5px; */ margin: 50px auto 0; width: 310px; } /*買い物かごカウント*/ /*ポリプロピレンライクなどの表*/ #sysItemDetail #sysMain .sysExplanation #sysExplanation p.personality{ font-size: 20px; line-height: 30px; margin-top: 0; margin-bottom: 0; font-weight: bold; } /*【フッター】お支払いについて・送料配送について*/ /*ヘッダー高さ調整*/ #sysMain, .sysMemberRegister #sysMain, #sysMypageEditDelivery #sysMain, #sysMypageIndex #sysMain, #sysMypageLogout #sysMain, .sysCart #sysMain, .sysMemberRegister #sysMain .sysForm, #sysMypageEditSavedelivery #sysMain, #sysMypageEditSave #sysMain, #sysMypagePoint #sysMain h2.sysMypageMinorHeadLine, #sysMypagePoint #sysMain, #sysMypageAshiato #sysMain h2.sysMypageMinorHeadLine, #sysMypageAshiato #sysMain, #sysMemberRegisterRegister #sysMain { /* margin-top: 70px; */ margin-top: 63px; /* margin-top: 74px; */ /* margin-top: 120px; */ } /*ヘッダープルダウン*/ div.h-cartBtn_sp{ display: none; } .content-block ul.top-pickuplist{ padding:0px !important; } #amazonpay .sysItemBlock .sysHorizontal li{ width:48%; margin: 5px 1%; padding:5px; } #amazonpay .onlinestore h2{ /* margin-top: 3em; */ padding:0 1% !important; margin-bottom:0px; } #company .sysItemBlock ul li{ width:48%; margin:0 1% 10px; } #company .sysItemBlock ul li .sysItemName{ height: 2.5em; overflow: hidden; font-size: 16px; line-height: 1.2em; } .sysItemBlock .sysHorizontal li input{font-size:0.9em;} /*パンくず*/ #amazonpay ul.wp_bread li { display:inline; margin: 0 1.25em 5px 0; } #amazonpay ul.wp_bread li a { color: #787878; text-decoration: none; } #amazonpay ul.wp_bread li:after { content: '\f054'; color: #ccc; font-family: 'FontAwesome'; margin-left: 1.25em; } #amazonpay ul.wp_bread li:last-child:after{ content: none; } #amazonpay ul.wp_bread { font-size: 12px; padding:0 10px; } /* ガイドページ */ /* ニュース・コラム */ img.alignleft{ float: left; margin: 0 20px 20px 0; padding: 0; } img.alignright{ float: right; margin: 0 0 20px 20px; padding: 0; } .aligncenter{ display:block; margin:20px auto !important; } .alignleft{ float: left; margin: 0 20px 20px 0; padding: 0; } .alignright{ float: right; margin: 0 0 20px 20px; padding: 0; text-align: right; } .aligncenter{ display:block; margin:20px auto !important; text-align: center; } #sysItemDetail #sysMain .item_btn a { height: 52px; line-height: 2; } #sysItemDetail #sysMain .item_btn2 a { height: 52px; line-height: 2; } #sysItemDetail #sysMain .item_btn_outer { margin: 8px auto; } #sysHeader > div.header-link, #sysHeader > div.header-link-sp{ padding: 8px 0; } .infinity-x1 .sysForm{ margin-bottom: 0; } footer .contact__inner { justify-content: center !important; } } @media screen and (min-width:768px) and (max-width:1199px){ /* 20-0 Only Tablet *----------------------------------------------------------------------*/ /* 20-1 Header */ /*パンくず*/ /* 23-3-3 Aside Banner */ /* LoginForm & Search Form */ .s-search.asideCnt .sysItemSearchAndOr label{; display: block; } /* メインコンテンツのパーツ設定 */ #sysDestination #sysMain h2.sysCartTitle, #sysBillingAddress #sysMain h2.sysCartTitle, .sysMemberRegister .sysFreeArea h1, .sysCart .sysFreeArea h1, .mainCnt h1.sysHeadline { } .mainCnt .sysContent h2 { margin-bottom: 23px; } .topCnt .sysContent { /* max-width: 830px; */ } /*top*/ .topPickupList h2.sysHeadline { margin-bottom:0; } .topPickupList h2.sysHeadline span{ font-size:20px; } /* プライバシーポリシー */ /* 商品一覧 */ .p-newitem-title .sysContent{ margin-top: 35px; } .p-newitem-title .sysContent .shop_head .title h1 { font-size: 19px; } .p-newItem.mainCnt{ padding: 10px 15px 40px; } #shop .p-newItem.mainCnt{ padding-right: 30px; padding-left: 30px; } .sysContent .sysItemBlock .sysHorizontal { max-width: 1000px; } .sysContent .sysItemBlock .sysHorizontal li{ width: 48.5%; /* width: 31.5%;*/ margin: 0 2.5% 30px 0; } .sysContent .sysItemBlock .sysHorizontal li:nth-of-type(3n){ margin: 0 0 30px 0; } /*.sysContent .sysItemBlock .sysHorizontal li, .sysContent .sysItemBlock .sysHorizontal li:nth-of-type(3n) { width: 48.5%; margin: 0 2.5% 30px 0; }*/ /*.sysContent .sysItemBlock .sysHorizontal li{ width: 31.5%; margin: 0 2.5% 30px 0; }*/ /*#top .sysContent .sysItemBlock .sysHorizontal li, #top .sysContent .sysItemBlock .sysHorizontal li:nth-of-type(3n) { width: 31.33%; margin: 0 2% 30px 0; }*/ .sysContent .sysItemBlock .sysHorizontal li:nth-of-type(3n) { margin: 0 2.5% 30px 0; } .sysContent .sysItemBlock .sysHorizontal li { margin: 0 2.5% 30px 0; } .sysContent .sysItemBlock .sysHorizontal li:nth-of-type(2n) { margin: 0 0 30px 0; } .p-newitem-title .sysContent .shop_head p{ font-size: 13px; } #sysRegi #sysMain .sysBackSubmitArea, #sysRegi #sysMain .sysBox { max-width: 800px; } #sysThanks #sysMain .sysFreeAreaBottom ul li { width: 50%; } #shop #sysMain .sysContent .sysItemBlock ul.sysHorizontal li{ /*max-width: 440px;*/ height: 325px; padding: 25px 20px 20px; /*margin: 20px 10px 15px;*/ margin: 0px 2.5% 35px 0; } #shop #sysMain .sysContent .sysItemBlock ul.sysHorizontal li:nth-of-type(2n){ margin: 0px 0 35px 0; } .p-newItem .sysContent .sysHorizontal .sysItemImage img{ /*min-height: 180px;*/ height: 180px; width: auto; margin: 0 auto; display: block; } /*トップページオンラインストア*/ #top .sysContent .sysItemBlock .sysHorizontal li{ /*width: 48.5%;*/ width: 31.5%; margin: 0 2.5% 30px 0; padding-top: 40px; } #top .sysContent .sysItemBlock .sysHorizontal li:nth-of-type(3n){ margin: 0 0 30px 0; } /*商品詳細ページ*/ #sysItemDetail #sysVariation div{ width: 60%; } #sysItemDetail #sysMain #sysCartInForm #sysNumber{ width: 60%; } #sysItemDetail #sysMain .productRight #sysCartInForm #sysSelections{ width: 60%; } /*商品詳細ページ（おすすめ商品）*/ #sysItemDetail #sysMain .sysItemBlock ul.sysHorizontal{ width: 100%; max-width: 1000px; padding: 10px 10px 0px; } #sysItemDetail #sysMain .sysCategoryPankuzu{ max-width: 100%; padding-left: 30px; } #sysItemDetail #sysMain .sysCategoryPankuzu a{ font-size: 12px; } /*商品カテゴリーページ*/ #sysItemCategory #sysMain form .sysItemCategoryCtl, #sysItemCategory #sysMain .sysItemListDisp{ max-width: 1050px; padding: 0 10px 0 20px; } #sysItemCategory #sysMain .sysItemList{ width: 100%; max-width: 1100px; padding: 10px 10px 0px; } #sysItemCategory .sysItemList ul.sysThumbnail li{ width: 48%; margin: 0 1% 30px 1%; } #sysItemCategory .sysItemList ul.sysThumbnail li:nth-of-type(2n){ margin-right: 0; } /********************商品検索************************/ #sysItemSearch #sysMain .sysItemSearchForm div.sysFreeArea .title{ padding-bottom: 10px; } #sysItemSearch #sysMain .sysItemSearchForm div.sysFreeArea .title h1{ padding-top: 5px; } #sysItemSearch #sysMain .sysItemList{ width: 100%; max-width: 1100px; padding: 10px 10px 0px; } #sysItemSearch #sysMain .sysItemListDisp div{ max-width: 1050px; padding: 0 10px 0 20px; } #sysItemSearch .sysItemList ul.sysThumbnail{ margin: 0 auto; } #sysItemSearch .sysItemList ul.sysThumbnail li{ width: 48%; /*margin: 0 1% 30px 1%;*/ margin: 0 1% 30px 1%; } #sysItemSearch .sysItemList ul.sysThumbnail li:nth-of-type(2n){ margin-right: 0; } /*トップページニュース*/ .topPickupList h2.sysHeadline { font-size: 30px; } /*ご利用ガイド*/ /*ヘッダーカートアイコン*/ .h-cartBtn_sp .sysContent img { margin-top: 10px; } /*ストアページアイコン付き見出し*/ #shop #sysAll #sysMain .p-newitem-title .sysContent .shop_head .bdr{ max-width: 1100px; margin: 0px 20px 0px 20px; } /*企業情報*/ .mainCnt .sysContent p { } /*お問い合わせ*/ .form-inquiry #sysMain h1{ } .form-inquiry .inquirytext{ font-size: 16px } /*アイメーカーとは*/ #concept .concept_item .sysContent{ padding: 5px 0; } /*【フッター】お支払いについて・送料配送について*/ /*買い物かごカウント*/ #sysMain, .sysMemberRegister #sysMain, #sysMypageEditDelivery #sysMain, #sysMypageIndex #sysMain, #sysMypageLogout #sysMain, .sysCart #sysMain, .sysMemberRegister #sysMain .sysForm, #sysMypageEditSavedelivery #sysMain, #sysMypageEditSave #sysMain, #sysMypagePoint #sysMain h2.sysMypageMinorHeadLine, #sysMypagePoint #sysMain, #sysMypageAshiato #sysMain h2.sysMypageMinorHeadLine, #sysMypageAshiato #sysMain, #sysMemberRegisterRegister #sysMain { /* margin-top: 74px; */ margin-top: 110px; } /*ヘッダープルダウン*/ .h-cartBtn_sp .sysContent{ display: block !important; } /*パンくず*/ #amazonpay ul.wp_bread li { display:inline; margin: 0 1.25em 5px 0; } #amazonpay ul.wp_bread li a { color: #787878; text-decoration: none; } #amazonpay ul.wp_bread li:after { content: '\f054'; color: #ccc; font-family: 'FontAwesome'; margin-left: 1.25em; } #amazonpay ul.wp_bread li:last-child:after{ content: none; } #amazonpay ul.wp_bread { font-size: 12px; } #sysItemDetail #sysMain .sysItemName h1{ white-space: normal; } } @media screen and (min-width:1200px){ /* 30-0 Only PC *----------------------------------------------------------------------*/ /* 30-1-3 ドロップダウンメニュー */ /* 33-3-1 Aside Check List */ .s-checklist .sysContent .sysVertical .sysItemImage img { width: 100%; float: none; margin: 5px auto; } /* メインコンテンツのパーツ設定 */ #sysDestination #sysMain h2.sysCartTitle, #sysBillingAddress #sysMain h2.sysCartTitle, .sysMemberRegister .sysFreeArea h1, .sysCart .sysFreeArea h1, .mainCnt h1.sysHeadline { } .mainCnt .sysContent h2 { margin-bottom: 23px; } .mainCnt .sysContent p { } #sysMain .sysContent h3 { /*border-bottom: 1px dashed lightgray;*/ } /* プライバシーポリシー */ .terms_of_service .sysContent ol, .p-userguide-regist ul, .p-userguide-returns ul, .p-userguide-order ol, .p-userguide ul, .p-privacy ol { margin-left: 22px; } /* ご利用ガイド */ .p-newitem-title .sysContent .shop_head .title{ padding-left: 20px; } .p-newitem-title .sysContent .shop_head .title h1 { font-size: 21px; } .p-newitem-title .sysContent .shop_head p { /*font-size: 15px;*/ font-size: 13px; padding-right: 20px; } /* カートページ */ .sysMemberRegister #sysMain, .sysCart #sysMain { max-width: 930px; } .form-inquiry #sysMain h1{ font-size: 24px; } .form-inquiry .inquirytext{ font-size: 17px } /* お問い合わせ確認フォーム */ /* お問い合わせ完了 */ #sysFormThanks #sysMain{ max-width: 930px; padding:10px 15px 40px; margin: 0 auto; } /*マイページログインフォーム*/ #sysMypageLogin #sysMain h1{ font-size: 24px; } #sysMypageLogin #sysMain h2.sysMypageMinorHeadLine, .sysMypage #sysMain h2, .sysMypage #sysMain h2.sysMypageMinorHeadLine { font-size: 20px; } /* マイページ購入履歴 */ #sysMypageIndex #sysMain h1{ font-size: 24px; } #sysMypageIndex #sysMain .sysOrderHistory h2.SysMypageMinorHeadLine{ font-size: 20px; } /* マイページお気に入り */ #sysMypageReview #sysMain{ max-width: 930px; padding:10px 15px 40px; margin: 0 auto } #sysMypageReview #sysMain h1{ font-size: 24px; } #sysMypageReview #sysMain h2.sysMypageMinorHeadLine{ font-size: 20px; } /* 会員情報編集フォーム */ #sysMypageEditMember #sysMain{ max-width: 930px; padding:10px 15px 40px; margin: 0 auto } #sysMypageEditMember #sysMain h1.sysMypageMajorHeadLine { font-size: 24px; } #sysMypageEditMember #sysMain h2.sysMypageMinorHeadLine { font-size: 20px; } /* 会員情報変更【確認】*/ #sysMypageEditConfirm #sysMain{ max-width: 930px; padding:10px 15px 40px; margin: 0 auto } #sysMypageEditConfirm #sysMain h1.sysMypageMajorHeadLine { font-size: 24px; } #sysMypageEditConfirm #sysMain h2.sysMypageMinorHeadLine { font-size: 20px; } /* 会員情報変更【完了】*/ #sysMypageEditSave #sysMain{ max-width: 930px; padding:10px 15px 40px; margin: 0 auto } #sysMypageEditSave #sysMain h1.sysMypageMajorHeadLine { font-size: 24px; } #sysMypageEditSave #sysMain h2.sysMypageMinorHeadLine { font-size: 20px; } /*マイページ退会*/ #sysMypageWithdrawalConfirm #sysMain h1.sysMypageMajorHeadLine { font-size: 24px; } #sysMypageWithdrawalConfirm #sysMain h2.sysMypageMinorHeadLine { font-size: 20px; } /*マイページ退会完了*/ #sysMypageWithdrawalDone #sysMain{ max-width: 930px; padding:10px 15px 40px; margin: 0 auto } #sysMypageWithdrawalDone #sysMain h1.sysMypageMajorHeadLine { font-size: 24px; } /*お届け先情報を編集*/ #sysMypageEditDelivery #sysMain{ max-width: 930px; padding:10px 15px 40px; margin: 0 auto } #sysMypageEditDelivery #sysMain h1.sysMypageMajorHeadLine { font-size: 24px; } #sysMypageEditDelivery #sysMain h2.sysMypageMinorHeadLine { font-size: 20px; } /*お届け先情報編集ボタンの向こう側*/ #sysMypageEditDeliveryinput #sysMain{ max-width: 930px; padding:10px 15px 40px; margin: 0 auto } #sysMypageEditDeliveryinput #sysMain h1.sysMypageMajorHeadLine { font-size: 24px; } #sysMypageEditDeliveryinput #sysMain h2.sysMypageMinorHeadLine { font-size: 20px; } /*お届け先情報を編集【完了】*/ #sysMypageEditSavedelivery #sysMain{ max-width: 930px; padding:10px 15px 40px; margin: 0 auto } #sysMypageEditSavedelivery #sysMain h1.sysMypageMajorHeadLine { font-size: 24px; } /*ログアウト*/ #sysMypageLogout #sysMain{ max-width: 930px; padding:10px 15px 40px; margin: 0 auto } #sysMypageLogout #sysMain h1.sysMypageMajorHeadLine { font-size: 24px; } #sysMypageLogout #sysMain h2.sysMypageMinorHeadLine { font-size: 20px; } /* ポイントページ*/ #sysMypagePoint #sysMain h1.sysMypageMajorHeadLine { font-size: 24px; } #sysMypagePoint #sysMain h2.sysMypageMinorHeadLine { font-size: 20px; } /* 商品チェック履歴*/ #sysMypageAshiato #sysMain h1.sysMypageMajorHeadLine { font-size: 24px; } #sysMypageAshiato #sysMain h2.sysMypageMinorHeadLine { font-size: 20px; } /*商品詳細*/ #sysItemDetail #sysMain .sysExplanation #sysExplanation ul.link-box li:nth-of-type(1){ padding-left: 15px; } /*商品詳細ページパンくずリスト*/ #sysItemDetail #sysMain .sysCategoryPankuzu{ max-width: 100%; padding: 0; font-size: 12px; /*margin-bottom: 5px;*/ } #sysItemDetail #sysMain .sysCategoryPankuzu a{ display: inline-block; background: #f2f2f2; color: #787878; font-size: 12px; text-decoration: none; margin-left: 50px; padding: 3px 0; } #sysItemDetail #sysMain .sysCategoryPankuzu a:nth-of-type(even){ margin-left: 10px; } /*商品カテゴリーページ*/ #sysItemCategory #sysMain .sysItemCategoryInfo .sysCategoryDescription h1{ max-width: 1100px; font-size: 22px; border-bottom: solid 1px #919191; /*padding-bottom: 20px;*/ position: relative; margin: 0 auto 10px; } #sysItemCategory .sysItemList ul.sysThumbnail li:nth-of-type(3n){ margin-right: 0; } /*商品カテゴリーページパンくずリスト*/ #sysItemCategory #sysMain .sysItemCategoryPankuzu{ max-width: 100%; padding: 20px 50px; font-size: 12px; } #sysItemCategory #sysMain .sysItemCategoryPankuzu a{ font-size: 12px; } /*商品検索*/ #sysItemSearch #sysMain .sysItemSearchForm div.sysFreeArea h1{ font-size: 22px; padding-bottom: 7px; line-height: 33px; } #sysItemSearch .sysItemList ul.sysThumbnail li:nth-of-type(3n){ margin-right: 0; } /*トップページ*/ #top #sysMain .topIconCnt .sysContent .headline img.icn{ width: 85px; } #top #sysMain .topIconCnt .sysContent .headline p.heading{ font-size: 30px; } #top #sysMain .topIconCnt .sysContent .headline p.sentence{ font-size: 16px; } #top #sysMain .moreSqBtn .sysContent a{ font-size: 16px; padding-top: 5px; } /*トップページオンラインストア*/ #top .sysContent .sysItemBlock .sysHorizontal li{ padding-top: 40px; } /*トップページニュース*/ /* ul.top-pickuplist li:last-child{ margin: 0 0 0 2%; } */ .topPickupList h2.sysHeadline { font-size: 30px; } .sysContent .sysItemBlock .sysHorizontal li:nth-of-type(3n) { margin: 0 0 30px; } /*amazonpay*/ #amazonpay .sysItemBlock .sysHorizontal li { width: 23.5%; display: inline-block; padding: 20px; letter-spacing: normal; margin: 0; vertical-align: top; border: 1px solid #d3d3d3; margin:0 2% 30px 0; } /*学校関係者へ*/ #company .onlinestore .sysItemBlock ul li{width:23% !important;margin:0 1% !important;} /*パンくず*/ #amazonpay ul.wp_bread li { display:inline; margin: 0 1.25em 5px 0; } #amazonpay ul.wp_bread li a { color: #787878; text-decoration: none; } #amazonpay ul.wp_bread li:after { content: '\f054'; color: #ccc; font-family: 'FontAwesome'; margin-left: 1.25em; } #amazonpay ul.wp_bread li:last-child:after{ content: none; } #amazonpay ul.wp_bread { font-size: 12px; } #sysItemDetail #sysMain .sysItemName{ white-space: normal; } #sysItemDetail #sysMain .sysItemName h1{ white-space: normal; } } /* #END_OF_RESOURCE_FILE */