/* 2025年5月以降追加CSS ここから */
.header20240 .sysContent {padding:0px !important;}
#sysFooter {padding:0px !important;}
.footerCate .sysContent {padding:0px !important;}
.sysMypage div#sysMain {
padding: 10px 0 7em !important;
}
.sysLoginForm form input.sysLoginButton {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
margin: 20px auto 10px !important;
text-align: center !important;
display: block !important;
background: #454545 !important;
color: #fff !important;
font-size: 24px !important;
cursor: pointer !important;
line-height: 45px !important;
font-weight: 900 !important;
}
p.mt10 {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
bottom: -350px !important;
display: block !important;
width: 428px !important;
padding: 12px !important;
background-color: #4B9BBF !important;
color: white !important;
font-weight:430px !important;
font-size: 24px !important;
text-align: center !important;
margin: -2px auto !important;
}
input.sysLoginButton {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
width: 95% !important;
background: #454545 !important;
color: #fff !important;
margin: 0px 0px 0px 8px !important;
padding: 11px 0 !important;
font-size: 1.1rem !important;
font-size: 24px !important;
}
}
body#sysMemberRegisterIndex .sysFormField input[type="password"] {width: 100%;max-width: 295px;padding: 3px 0 3px 5px;margin-top: 8px;border-radius: 0px;border: 1px solid #ccc;box-sizing: border-box;}
/* 2025年5月以降追加CSS ここまで */
body {width:100%; overflow-x:hidden;}
*{box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:border-box;-ms-box-sizing:content-box !important;-o-box-sizing:border-box;}
/* =================================
リセットCSSここから */
#LandingPage .ms_cross-highlight span{
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,tfoot,thead,time,ul,var,video{margin:0;padding:0;border:0;outline:0;background:transparent;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;background:transparent;text-decoration:none;font-size:14px;color:#434343}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ol,ul{list-style:none}img{ vertical-align:top; font-size:0; line-height:0;vertical-align:top}a:hover{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";text-decoration:underline;color:#434343}p{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit}.grid-row:after{content:"";display:table;clear:both}.grid-row{padding-bottom:0}.grid-col{display:block;float:left;margin-left:2%}.grid-col.col-span6:nth-child(2n+1),.grid-col:first-child{margin-left:0}.col-span1{width:8.33333333333%}.col-span2{width:16.6666666667%}.col-span3{width:25%}.col-span4{width:33.3333333333%}.col-span5{width:41.6666666667%}.col-span6{width:50%}.col-span7{width:58.3333333333%}.col-span8{width:66.6666666667%}.col-span9{width:75%}.col-span10{width:83.3333333333%}.col-span11{width:91.6666666667%}.col-span12{width:100%}.grid-col.col-span1{width:6.5%}.grid-col.col-span2{width:15%}.grid-col.col-span3{width:23.5%}.grid-col.col-span4{width:32%}.grid-col.col-span5{width:40.5%}.grid-col.col-span6{width:49%}.grid-col.col-span7{width:57.5%}.grid-col.col-span8{width:66%}.grid-col.col-span9{width:74.5%}.grid-col.col-span10{width:83%}.grid-col.col-span11{width:91.5%}.grid-col.col-span12{width:100%}.btn{padding:10px 20px;display:inline-block;margin-top:10px}.btn-info{background:#434443;color:#fff}.btn-info:hover{background:#999}body{width:100%;font-size:1rem;position:relative}a{letter-spacing:.1em}a,li{color:#080808}li{font-size:1.2rem}.clearfix:after{display:block!important;clear:both!important;height:0!important;visibility:hidden!important;content:"."!important}.clearfix{min-height:1px!important}
p {
line-height: 1.4em;
}
.sysContent{padding:0 !important;}
/* =================================
NormalizeCSSここから */
html{font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:0 0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type="button"]{-webkit-appearance:button}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@font-face{font-family:Hiragino;src:url('https://perfect-floors-ec.aispr.jp/fonts/hiraginoProW3.otf') format("opentype");font-weight:400;font-style:normal}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,tfoot,thead,time,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;*/color:#434343}
/* =====================================================================================
ここからデフォルトのボタンスタイルリセット用CSS */
[type=reset], [type=submit], button, html [type="button"] {-webkit-appearance: none !important;border: 0;background: #ccc;cursor: pointer;}
.sysModalItemImages {max-width: 50%;margin: 0 auto;}
.sysModalItemImages .sysModalMainImage {width: 100%;max-width: 680px;margin: 0 auto;}
.sysItemListViewType {display: none;}
.sysItemSearchFormLimit {
display: none!important;
}
/*全体にかけたいデフォルトスタイル*/
#sysCart div.sysCategoryPankuzu {
color: #454545 !important;
}
body{
line-height: 1.4;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
form div, label, p, span {
color: #434343;
}
div#sysWrap{
padding-bottom: 30px;
overflow: hidden;
}
img { image-rendering: -webkit-optimize-contrast;}
/* =====================================================================================
ここからレビューページ用CSS */
.sysReviewImproperForm{display:none}
body#sysItemReviewIndex div#sysAside {display:none;}
body#sysItemReviewIndex .sysFuncText.CategroySection.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {display:none;}
body#sysItemReviewIndex div#sysMain input.sysButton {background: #ccc!important;color: #fff !important;text-align: center !important;border: 0 !Important;}
body#sysItemReviewIndex div#sysMain input.sysButton[value="確認画面に進む"] {background: #457f99 !important;color: #fff !important;}
body#sysItemReviewIndex div#sysMain input.sysButton[value="並び替え"] {padding: 60px !important;margin: 0 !important;width: 25% !important;}
body#sysItemReviewIndex div#sysMain form[action="/ir/box-kup0041?ironum=11654870&iropinum=22949376&irsonum=155396014409&repeat_order="] {margin-bottom: 20px !important;}
body#sysItemReviewIndex .sysFormField textarea {width: 100%;-webkit-appearance: none;}
body#sysItemReviewIndex .sysFormField br{display:none;}
body#sysItemReviewConfirm div#sysAside {display: none;}
body#sysItemReviewConfirm .sysFormItem.sysEvaluation div.sysFormField label {color: #bbad00;margin-bottom: -25px;display: block;}
body#sysItemReviewConfirm .sysFormItem.sysEvaluation {margin: 0 0 15px;}
body#sysItemReviewConfirm .sysFormItem.sysEvaluation div.sysFormField {color: #bbad00;margin-top: 10px;}
body#sysItemReviewConfirm .sysFormItem.sysNickname div.sysFormField {color: #434343;border: 1px solid #ccc;padding: 10px;border-radius: 4px;width: 30%;}
body#sysItemReviewConfirm .sysFormItem.sysReviewText div.sysFormField {color: #434343;border: 1px solid #ccc;padding: 10px;border-radius: 4px;}
body#sysItemReviewConfirm .sysFuncText.CategroySection.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {display:none;}
body#sysItemReviewThanks div#sysAside {display:none}
body#sysItemReviewThanks .sysFuncText.CategroySection.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {display:none;}
body#sysMypageIndex li.sysOrder {background: #efefef;padding: 10px;margin: 10px 1%;border: 1px solid #ccc;width: 100%;max-width: 825px;box-sizing: border-box;width: 48%;}
.sysDatetime {
font-size: 12px;
margin: 0 0 10px;
}
body#sysMypageIndex.sysMypage .sysOrderList{
display: flex;
flex-wrap: wrap;
position: relative;
}
body#sysMypageIndex.sysMypage .sysOrderList > div{
position: absolute;
top: -2.5em;
right: 0;
}
body#sysMypageIndex .sysItemName {
font-size: 12px;
}
body#sysMypageIndex .sysNumber {
font-size: 14px;
color: #434343;
}
body#sysMypageIndex .sysItemReviewLink {
text-align: right;
border-top: 1px dashed #ccc;
padding: 8px 0 0;
margin: 15px 0 0;
}
body#sysMypageIndex .sysItemReviewLink span {
color: #434343;
font-size: 12px;
}
body#sysMemberRegisterIndex .sysMemberAgreement {border: 1px solid #efefef;height: 100%;min-height: 220px;overflow-x: hidden;overflow-y: auto;padding: 5px;line-height: 1.5em;font-size: 12px;color: #434343;padding: 10px;}
body#sysMemberRegisterIndex .sysFormField input[type="text"] {width: 100%;max-width: 295px;padding: 3px 0 3px 5px;box-sizing: border-box;border-radius: 0;}
body#sysMemberRegisterIndex .sysFormField select {width: 100%;max-width: 295px;box-sizing: border-box;padding: 3px 0 3px 5px;color: #434343;border-radius: 0;}
body#sysMemberRegisterIndex .sysFormField input[type="tel"] {width: 100%;max-width: 295px;padding: 3px 0 3px 5px;margin-top: 8px;border-radius: 0px;border: 1px solid #ccc;box-sizing: border-box;}
.sysFormField input[type="email"] {width: 100%;max-width: 295px;padding: 3px 0 3px 5px;margin-top: 8px;border-radius: 0px;border: 1px solid #ccc;box-sizing: border-box;}
body#sysMemberRegisterIndex .sysFormField input[type="password"] {width: 100%;max-width: 295px;padding: 3px 0 3px 5px;margin-top: 8px;border-radius: 0px;border: 1px solid #ccc;box-sizing: border-box;}
body#sysMemberRegisterIndex button.sysButton.btn {background: #434343;border-radius: 5px;color: #fff;width: 100%;max-width: 295px;box-sizing: border-box;padding: 5px 0 5px;}
body#sysMemberRegisterIndex input.sysButton {width: 100%;max-width: 295px;box-sizing: border-box;padding: 5px 0 5px;border-radius: 0;}
body#sysMemberRegisterIndex div#sysMain input.sysNextSubmit {width: 100%;max-width: 295px;box-sizing: border-box;padding: 5px 0 5px;margin: 20px 0 20px !Important;height: 40px !important;}
body#sysMemberRegisterIndex div#sysMain {
padding: 0 10px;
max-width: 825px !important;
width: 100% !important;
margin: 0 auto !important;
float: none !important;
box-sizing: border-box;
}
body.sysCart div#sysWrap {margin-top: 50px !important;max-width: 1060px !important;margin: 0px auto 0 !important;}
body.sysCart div#sysMain {
width: 100% !important;
max-width: 825px !important;
margin: 0 auto !important;
float: none !important;
}
body.sysCart div.sysAmazonConfirmLogin .sysAmazonConfirmLogin {width: 100%;max-width: 200px;}
body.sysCart .sysAmazonSelectDelivery {display: -webkit-flex;justify-content: space-between;}
body.sysCart .sysAmazonSelectDelivery label {width: 15%;}
body.sysCart .selectAmazonDeliveryMethod {margin: 0;}
body#sysItemReviewIndex .sysFormItem.sysEvaluation div.sysFormField label {color: #bbad00;display: block;}
body#sysItemReviewIndex .sysFormItem.sysNickname {
margin: 0;
background: none;
padding: 0;
}
/*レビュー確認画面*/
.sysItemReview .sysFormItem {
margin-bottom: 20px;
}
.sysItemReview .sysFormField {
margin-top: 10px;
}
/*ここから機能パーツのCSS移植*/
/*ここまで機能パーツのCSS移植*/
/*ここからパーツ表のタブ*/
.partsTab {
clear: both;
}
.partsTab ul {
display: flex;
margin: 0 2%;
}
.partsTab li {
cursor: pointer;
width: calc(100% / 3 - 1%);
background: #eeeeee;
text-align: center;
line-height: 1.2;
border-radius: 5px 5px 0 0;
margin-right: 1.5%;
padding: 12px 0 8px;
}
.partsTab ul li.rumi25 {
color: #fff;
background: #518abb;
}
.partsTab ul li.rumi19 {
color: #fff;
background: #dc5f57;
}
#parts25mmTable {
border: 10px solid #518abb;
border-width: 10px 0;
border-radius: 10px;
}
#parts19mmTable {
border: 10px solid #dc5f57;
border-width: 10px 0;
border-radius: 10px;
}
#erectaParts {
border: 10px solid #4F5F52;
border-width: 10px 2px;
border-radius: 10px;
}
@media screen and (max-width: 480px) {
.partsTab li {
font-size: 10px;
}
#parts25mmTable {
border-width: 10px 2px !important;
}
#parts19mmTable {
border-width: 10px 2px !important;
}
}
/*ここまでパーツ表のタブ*/
.titleh3 {
font-weight:600;
color: #1B1B1B;
letter-spacing: -0.5px;
font-size: 20px;
padding-bottom: 5px;
text-align: justify;
padding-top: 10px;
max-width: 1040px;
margin: 0px auto;
border-bottom: 2px solid #eaeaea;
margin-bottom: 20px !important;
}
.sysItemCategoryCtl a {
font-size: 11px;
border: 1px solid #ccc;
padding: 1px 10px;
display: inline-block;
margin: 2px 0px;
border-radius: 30px;
}
/* 見出しデザイン */
h3.block_title,
div.ProductItem_List h3{
margin: 50px 0 20px;
font-size: 16px;
color: #434343;
text-align: left;
border: 1px solid #ccc;
border-left: 0;
border-right: 0;
padding: 15px 0 12px 1.5em;
background: #efefef;
position: relative;
}
h3.block_title::after,
div.ProductItem_List h3::after {
content: "";
display: block;
border-left: 5px solid #607d8b;
position: absolute;
width: 0px;
height: 55%;
background: #607d8b;
top: 0;
bottom: 0;
left: 0.7em;
margin: auto 0;
}
/* カテゴリページの紐づけ商品を3カラムにする */
@media screen and (min-width: 825px) {
ul.sysList {
display: flex;
flex-wrap: wrap;
}
ul.sysList li{
margin-left: 1%;
}
ul.sysList li:nth-child(3n+1) {
margin-left: 0;
}
ul.sysList li {
width: 32%;
}
.sysItemList ul.sysList li:last-child {
border-bottom: none;
}
}
.index_header1802{margin-bottom:60px;}
.bnrCaption{
font-size:13px;
text-align:center;
margin-top: 0.4em;
}
/*パーツリンクボタン*/
.partsLink{
text-align: center;
max-width: 570px;
margin: 0 auto;
overflow: hidden;
border-radius: 5px;
box-shadow: 0px 0px 3px 1px #bebebe;
margin-bottom: 55px;
margin-top: 10px;
}
.partsLink a{
display: block;
font-size: 1em;
padding: 0.9em 1em;
line-height: 1.5;
font-weight: bold;
}
.partsLink a strong{
font-weight: bold;
}
.partsLink a{
background: url(https://perfect-floors.jp/img/Top/img/index/partsbutton_02.png) no-repeat right;
background-size: 20%;
}
.partsLink{
background: url(https://perfect-floors.jp/img/Top/img/index/partsbutton_01.png) no-repeat ;
background-size: 20%;
}
.partsLink.pl02 a{
background: url(https://perfect-floors.jp/img/bnr/parts_link_02.png?2) no-repeat right bottom;
background-size: 23%;
}
.partsLink.pl02{
background: url(https://perfect-floors.jp/img/bnr/parts_link_01.png?2) no-repeat ;
background-size: 23%;
}
.partsLink.partsLink25{
background-color: #dde6eb;
}
.partsLink.partsLink19{
background-color: #ffe3e5;
}
.pl_junkan p{
font-size:1.5em;
}
@media screen and (max-width: 480px) {
.pl_junkan p{
font-size:1em;
}
.partsLink.pl02 a{
background-size: 24%;
}
.partsLink.pl02{
background-size: 24%;
}
.titleh3 {
font-size: 20px;
}
}
/*SEO強いシェルフページからセットへリンクさせるボタン*/
.linkRack{
background: url(https://perfect-floors.jp/img/bnr/set_go.png) no-repeat;
background-size: 37%;
background-color: #ffe3e5;
text-align: center;
margin: 0 auto;
overflow: hidden;
border-radius: 5px;
box-shadow: 0px 0px 3px 1px #bebebe;
margin-bottom: 55px;
margin-top: 10px;
max-width: 99%;
}
.linkRack a{
background-size: 20%;
display: block;
font-size: 1.3em;
padding: 1.25em 1em;
padding-left: 29%;
line-height: 1.5;
font-weight: bold;
}
div#sysMain h2.sysMypageMajorHeadLine{display:none;}
@media screen and (max-width: 825px) {
.linkRack a{
font-size: 1em;
padding-left: 33%;
}
}
/*マイページ*/
.sysMypage div#sysMain{
float: none !important;
width: 100% !important;
max-width: 825px !important;
margin-left: auto !important;
margin: 0 auto !important;
padding: 10px 0 3em !important;
}
/*.sysMypage .ere img{
margin-bottom: 20px;
}*/
/* =====================================================================================
ここからマイページチェック履歴用CSS */
.sysItemList ul.sysList div {font-size: 14px;color: #434343;}
.sysItemList ul.sysList div a {font-size: 14px;color: #434343;}
input.sysCartButton {width: 100% !Important;padding: 5px 0;background: #c44d4d;color: #fff;border-radius: 3px;border: 1px solid #8a1e1e;margin-top: 5px;outline: none;}
/* マイページお気に入り */
#sysMypageReview.sysMypage .sysItemList input.sysButton{
background: none;
color: #434343;
width: auto;
padding: 0.2em;
border: 1px solid #ccc;
}
/* マイページレビュー */
h3.sysMypageMinorHeadLine{
margin-bottom: 2em;
border-bottom: 1px dashed #e8e8e8;
}
.sysMyReviewList{
margin-bottom: 2em;
}
.sysMyReviewList li{
border-bottom: 1px dashed #ddd;
margin-top: 13px;
padding-bottom: 13px;
}
/* お届け先 */
#sysMypageEditDelivery .sysSelectAddress [type=submit]{
background: none;
padding: 1em;
}
#sysMypageEditDelivery .sysSelectAddress [type=submit]:hover{
background: #ebebeb;
}
#sysMypageEditDelivery .sysSelectAddress{
border: 1px solid #ddd;
margin: 0.5em 0;
}
/*会員登録フォーム*/
.sysErrorMessage li{
color: red;
padding: 0.3em 0.5em;
}
#sysMemberRegisterRegister .sysFreeArea+p{
display:none;
}
.sysMemberRegister .title {
position: relative;
overflow: hidden;
text-align: center;
font-size: 1.3em;
margin: 4%;
margin: 0 auto 0;
color: #333;
}
.sysMemberRegister .woman img{
width: 260px;
}
.sysMemberRegister .woman{
text-align:center;
margin-top: -40px;
}
/*20210817追加*/
#sysMemberRegisterIndex #sysAll #sysWrap #sysMain #form_main .sysForm .sysFormItem .sysFormField label input {
width: 20px !important;
}
.sysFormField {
width: 825px;
}
.sysSelectAddress .sysFormField {
width: 400px !important;
}
.sysSelectAddress div div{
padding:0;
}
/*div.sysForm div.sysFormItem div.sysFormField {
width: 200px !important;
}*/
@media screen and (max-width: 480px){
.sysSelectAddress .sysFormField {
width: 300px !important;
}
.sysMemberRegister .woman{
margin-top: 0;
}
.sysFormField {
width: 300px !important;
}
}
/* 20220323追加 */
body#test190628 div#sysAll div#sysWrap {
margin: 50px auto 0 !important;
}
/* 20220418追加 */
div.sysRemindForm form div.sys_mailaddress input[type="submit"] {
cursor: pointer;
padding: 10px;
color: #fff;
margin-top: 10px;
border-radius: 5px;
box-shadow: 2px 2px 1px #243138;
background-color: #607d8b;
}
div.sysRemindForm form div.sys_mailaddress input[type="submit"]:hover{
opacity: 0.8;
}
/*↓メーカー小売価格表記非表示用↓*/
.BackGroundBox .sysItemId + .sysSuggestedRetailPrice{
display:none;
}
/*商品ページ詳細画像一瞬非表示用*/
#MainImageBox .sysItemImage,
#MainImageBox .sysImageDescription {
display:none; !important;
}
#MainImageBox .bx-viewport .sysItemImage,
#MainImageBox .bx-viewport .sysImageDescription{
display:block; !important;
}
/*汎用CSS マージン*/
.mt0{margin-top:0 !important;}.mt5{margin-top:0.6% !important;}.mt10{margin-top:1.2% !important;}.mt15{margin-top:1.8% !important;}.mt20{margin-top:2.4% !important;}.mt30{margin-top:3.6% !important;}.mt40{margin-top:4.8% !important;}.mt50{margin-top:6% !important;}.mt100{margin-top:12% !important;}.mb0{margin-bottom:0 !important;}.mb5{margin-bottom:0.6% !important;}.mb10{margin-bottom:1.2% !important;}.mb15{margin-bottom:1.8% !important;}.mb20{margin-bottom:2.4% !important;}.mb30 {margin-bottom:3.6% !important;}.mb40 {margin-bottom:4.8% !important;}.mb50 {margin-bottom:6% !important;}.mb100 {margin-bottom:12% !important;}.mb150 {margin-bottom:18.1% !important;}.mb200 {margin-bottom:24.2% !important;}.pt0{padding-top:0 !important;}
/*カルーセルロード時全表示防止*/
#film_roll li{
visibility: hidden;
}
#film_roll li.film_roll_child{
visibility: visible;
}
.sysImageListSimple li,
.promolist li{
display: none;
}
.sysImageListSimple li.slick-slide,
.promolist li.slick-slide{
display: block;
}
button.mdl-button.mdl-js-button.mdl-button--colored.mdl-button--raised.mdl-js-ripple-effect.sysBtnPlus, button.mdl-button.mdl-js-button.mdl-button--colored.mdl-button--raised.mdl-js-ripple-effect.sysBtnMinus {
display: none !important;
}
/* .sysCart #sysMain button.mdl-button.mdl-js-button.mdl-button--colored.mdl-button--raised.mdl-js-ripple-effect {
background: none !important;
color: #333 !important;
border: none !important;
box-shadow: none !important;
margin: auto !important;
} */
div#opcCartInItem ul.sysOpcProduct {
font-size: 10px !important;
}
/* .sysCart #sysMain button.mdl-button.mdl-js-button.mdl-button--colored.mdl-button--raised.mdl-js-ripple-effect {
background: none !important;
color: #333 !important;
border: none !important;
box-shadow: none !important;
margin: auto !important;
right: -22px !important;
text-align: right;
} */
.sysOPCartSummary h2 {
color: #333;
}
#sysItemSearch .sysRetailPriceWithSuggested{
color: #cb3535;
}
#scroll-tab-1 .dialog_title::after {
content: "※半角カタカナで入力しないでください";
display: block;
color: red;
}
#scroll-tab-2 .dialog_title:after{
content:'\A※〒郵便番号 からご入力ください ※半角カタカナで入力しないでください';
white-space :pre;
color:red;
}
aside#LeftFixNavigation {
display: none;
}
.sysCouponId {
display: none;
}
@media screen and (max-width: 640px) {
body.sysCart div#sysWrap {
width: 95%;
}
.sysFuncCartInfo.totalFee.sysDisplayPcNone.sysDisplayKeitaiNone {
width: 85%;
margin: 20px auto;
border: 1px solid #ddd;
padding: 20px;
box-sizing: border-box;
}
}
/*戻るボタン修正*/
div#sysMain form div.sysForm input.sysBackButton {
width: 100%;
max-width: 295px;
box-sizing: border-box;
padding: 5px 0 5px;
background: #434343;
color: #fff;
}
.amazonpay-button-enabled{max-width:204px !important;}
.amazonpay-button-view1-gold {
max-width: 204px !important;
}
div#upperAmazonPayButton {
max-width: 204px !important;
}
/*index価格直書き*/
p.pricelist {
font-weight: 600;
padding: 5px 0px;
text-align: right;
}
/*ルミナスindex価格直書き*/
p.pricelist_lumi {
font-weight: 600;
padding: 5px 0px 10px 0px ;
font-size:18px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
#sysAll{padding:0;}#sysHeader{padding:0;}
/*20250120 追記*/
#sysAll, #sysHeader {
padding: 0px !important;
margin: 0 !important;
}
/*20250212 追記*/
.sp {
display: none;
}
.pc {
display: block;
}
@media (max-width: 481px) {
.sp {
display: block;
}
.pc {
display: none;
}
}
/*20250219 追記*/
.series{
font-size: 22px !important;
font-weight: bold !important;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
}
.rank_title{
height:40px !important;
width: 1040px !important;
background-color: #2b2b2b;
}
.rank_title_text{
font-size: 18px ;
color: #FFF;
padding: 7px !important;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.rank_title_sp{
height:40px !important;
width: 100% !important;
background-color: #2b2b2b;
}
.rank_title_text_sp{
font-size: 11px ;
color: #FFF;
padding: 10px !important;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.series-head__ttl h1 {
color: #464646;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
letter-spacing: -0.5px;
font-size: 20px;
font-weight: 500;
margin: 0 0 10px;
font-weight: bold;
}
@media screen and (max-width:480px){
/* 2025年5月以降追加CSS ここから */
.sysFormField input[type="password"] {width: 500px;padding: 8px 0 8px 5px;margin-top: 8px;border-radius: 5px;border: 1px solid #ccc;}
/* 2025年5月以降追加CSS ここまで */
html, body {background: none !important; overflow-x:hidden;}
body{margin-top: 5em}
#sysAll {padding:0;background-color: none !important;}
#sysAside,#sysMain{width:100%!important}#sysMain{margin-top:0}.grid-col{float:none;width:100%!important;margin-left:0}#sysHeader{padding:0;margin-bottom:5px}.h-siteinfo{height:auto}.h-siteinfo h1{font-size:xx-small}.h-sitelogo{height:52px}.h-sitelogo li img{width:auto;max-height:47px}.h-utilitybtn{position:relative}.h-utilitybtn .sysContent{width:32%;float:none;position:absolute;z-index:1;top:0;right:15%}.h-utilitybtn ul li.sysText a{line-height:17px;height:47px;font-size:x-small}.h-utilitybtn ul li{height:47px}.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-subMenu .sysHeadline{line-height:47px;width:15%;float:right;position:absolute;bottom:4px;right:0}.h-subMenu ul li:nth-child(2n){width:49;margin-left:1%}.h-subMenu ul li.sysText a{line-height:40px;font-size:larger;font-weight:700;text-align:center;margin-top:5px;padding:30px 0}.headline-2nd{margin-left:5px}.headline-3rd{margin-left:10px}.col{float:none}.gutters .col{margin-left:0}.span_1,.span_2,.span_3,.span_4,.span_5,.span_6,.span_7,.span_8,.span_9,.span_10,.span_11,.span_12{width:100;float:none}.sysContent .sysItemBlock .sysHorizontal{font-size:small}.sysContent .sysItemBlock .sysHorizontal li{padding:2.5px;width:50%}.sysItemList ul.sysThumbnail li{width:50%}.h-mainMenu ul li{height:40px}.h-mainMenu ul li.sysText a{font-size:.5rem;padding:15px 0}.h-search .sysContent{padding:5px}.p-banner li{width:100%;margin-bottom:5px}.p-pickup .sysContent{padding:0 0 5px}.p-news,.p-sns{width:100%}.p-shopInfo .sysContent,.shopinfo-inner,.shopinfo-row{display:block}.shopinfo-inner{width:100%}.f-sitemap li{width:100%!important}.f-sitemap ul li.sysText a{padding:10px 20px;text-align:left}.p-pagetop .btn{width:90%}.sysItemCategoryPankuzu{font-size:xx-small}.sysItemList ul.sysThumbnail{font-size:small}.sysItemList ul.sysThumbnail input{font-size:x-small}.orderArea{letter-spacing:normal}.orderArea>div{width:100%;padding-right:0;float:none}.sysMypageNav .sysButton{font-size:.75rem}
.sm_footer .sysContent, .sm_customParts .sysContent, .sm_application .sysContent, .sm_brand .sysContent, .sm_width .sysContent {padding:0;}
/* =============================================================
ここからカテゴリページのスマートフォン用CSS */
/*body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}*/
body{font-family: "Noto Sans JP", sans-serif,"Hiragino Kaku Gothic ProN"; !important;,letter-spacing}
#sysAll{
padding:0!important;
}
#sysHeader{
padding:0!important;
margin: 0 auto !important;
}
p#top{
width:100%;
background:#151515;
color:#fff;
font-size:9.5px !important;
font-weight:normal;
margin:0;
text-align:center;
padding: 6px 10px;
font-family: "Noto Sans JP", sans-serif,"Hiragino Kaku Gothic ProN";
}
p#top .h1{
width:100%;
background:#151515;
color:#fff;
font-size:9.5px !important;
font-weight:normal;
margin:0;
text-align:center;
padding: 6px 10px;
font-family: "Noto Sans JP", sans-serif,"Hiragino Kaku Gothic ProN";
}
#sysCart div.sysCategoryPankuzu {
color: #454545 !important;
}
div#sysMain {padding:0;}
.sysItemCategoryInfo {margin-top: 15px;}
ul.sysThumbnail {display: flex;justify-content: flex-start;flex-wrap: wrap;}
/* 20190927 不具合があるので一旦コメントアウト .sysItemList ul.sysThumbnail li {float: none;width: 47%;padding: 5px;background: #fff;margin: 10px 5px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.35);}*/
input.sysCartButton.sysSelectCartButton.sysStockTypeVariation {width: 100%;padding: 5px 0;background: #c44d4d;color: #fff;border-radius: 3px;border: 1px solid #8a1e1e;margin-top: 5px;outline: none;}
input.sysCartButton.sysCartInButton {width: 100%;padding: 5px 0;background: #c44d4d;color: #fff;border-radius: 3px;border: 1px solid #8a1e1e;margin-top: 5px;outline: none;}
input.sysCartButton.sysSelectCartButton.sysItemSelection {width: 100%;padding: 5px 0;background: #c44d4d;color: #fff;border-radius: 3px;border: 1px solid #8a1e1e;margin-top: 5px;outline: none;}
.sysItemListViewType label:last-child {display: none;}
.sysPagination ul {margin-top:10px;}
.sysPagination ul li {width: 20% !important;}
.sysItemCategoryCtl {font-size: 14px;line-height: 1.5em;}
.sysItemName a {font-size: 14px;}
.sysItemListDisp div {font-size: 14px;margin-bottom: 5px;}
.sysRetailPrice {font-size: 14px !important;margin: 5px 0 !important;}
.sysItemCategoryPankuzu {border-bottom:1px dashed #9e9e9e;padding-bottom:5px;}
.sysItemCategoryPankuzu a {font-size: 12px;}
.sp-button {width: 8px;height: 8px;}
.sp-button {border: 1px solid #607d8b;margin: 0px 10px;}
.sp-selected-button {background-color: #607d8b;}
.slider .sysContent {padding: 10px 0px 0;}
.sm_RackRankings .sysContent {padding: 10px 0px;}
.sm_MainHeader .sysContent {padding: 0;}
.sm_SelectWidth .sysContent {padding: 0;}
.sm_SelectBrand .sysContent {padding: 0;}
.sm_RecommendItem-brand .sysContent {padding: 0;}
.sm_SelectApplication .sysContent{padding:0;}
.sm_RecommendItem-application .sysContent {padding:0;}
.sm_SelectCustomParts .sysContent {padding:0;}
/* =============================================================
ここから商品詳細ページのスマートフォン用CSS */
#sysAll {padding: 0px;}
#sysHeader {padding: 0px;margin:0 auto !important;}
.header_sm .sysContent {padding: 0px;}
.sysCategoryPankuzu.sysDisplayKeitaiNone {border-bottom: 1px dashed #9e9e9e;padding-bottom: 5px;}
.sysCategoryPankuzu.sysDisplayKeitaiNone a {font-size: 12px;}
/* 商品メイン画 */
.sysItemImages.sysDisplayKeitaiNone div.sysImageDescription {display: none;}
.sysItemImages.sysDisplayKeitaiNone span {font-size: 12px;display: block;margin: 15px 0 5px;color: #434343;}
ul.sysImageList {width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
.sysItemImages .sysImageList li {float: none;height: 22%;width: 22%;margin: 5px;text-align: center;line-height: 0px;}
.sysMainImage a img {width: 100%;display: block;margin-bottom: 0px;}
/* 商品名 */
.sysItemName.sysDisplayKeitaiNone {margin: 25px 0 0;}
.sysItemName.sysDisplayKeitaiNone h1 span {font-size: 14px;line-height: 1.5em;display: block;color:#434343;}
/* 商品管理番号 */
.sysItemId.sysDisplayKeitaiNone {font-size: 12px;color: #ccc;margin: 15px 0;}
.sysItemId.sysDisplayKeitaiNone span {font-size: 12px;color: #ccc;}
/* 商品価格 */
.sysRetailPrice.sysDisplayKeitaiNone {margin: 20px 0 !important;}
span.sysRetailPriceValue {color: #c62828;font-size: 28px;font-weight: bold;}
/* オプションセレクト */
div#sysSelections div {font-size: 14px;color: #434343;}
div#sysSelections div select {display: block;width: 100%;padding: 5px 0 5px 5px;margin: 5px 0;-webkit-appearance:none; border:1px solid #ccc;}
div#sysSelections div:last-child {margin-top: 5px;}
/* 商品数量選択 */
div#sysNumber {font-size: 14px;color: #434343;}
div#sysNumber select {display: block;width: 100%;padding: 5px 0 5px 5px;margin: 5px 0;-webkit-appearance:none; border:1px solid #ccc;}
div#sysNumber div.sysNumArea {display: none;}
/* カートボタン */
input.sysCartButton.sysCartInButton {width: 100%;padding: 5px 0;background: #c44d4d;color: #fff;border-radius: 3px;border: 1px solid #8a1e1e;margin-top: 5px;outline: none;}
/* カートに入りましたボタン */
input.sysCartButton.sysGoCartButton {background: #434343;width: 100%;padding: 10px 10px;border: 2px solid #2b2b2b;border-radius: 5px;font-size: 14px;color: #fff;font-weight: bold;margin: 10px 0 15px;}
/* お気に入り登録ボタン */
div#sysWishlist {margin: 15px 0 0;}
div#sysWishlist button.sysButton {width: 100%;padding: 10px 0;background: #607d8b;color: #fff;border-radius: 5px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);font-weight:bold;}
/* 項目選択肢部分 */
table.sysFormVariationTable {width: 100%;}
#sysItemDetail .sysFormVariationName {background-color: #b3b3b3;border: #CCCCCC 1px solid;padding: 8px;font-weight: normal;color: #fff;}
/*==========================================
ここから商品説明タブ用CSS*/
div#tabBoxes div ul.clearfix li {width:46%;}
div#tabBoxes div ul.clearfix li img {width:100%;}
div.ItemDescription {margin: 0px 0 0;}
#tabMenuProduct ul{width:500px;margin: 0 auto;}
#tabMenuProduct li {float: left;width: 100%;height: 45px;line-height: 50px;text-align: center;font-size: 14px;position: relative;z-index: 2;cursor: pointer;font-weight: bold;letter-spacing: 1.2px;color: #434343;border-bottom: 1px solid #ccc;}
#tabBox1,#tabBox2,#tabBox3{max-width:515px;padding: 5px;background:#/*eceff1*/fff;line-height: 1.5em;font-size:14px;margin:0 auto;}
#tabBox2, #tabBox3 {display:none;}
#tabMenuProduct li.select{color: #fff; background: #434343;}
div.borderBottom {display: none;}
#tabMenuProduct li:hover {text-decoration: underline;}
#tabMenuProduct li.select:hover{text-decoration: none;cursor: default;}
ul#tabMenuProduct li:last-child {color: #c62828 !important;}
/* 商品紹介用css
==================================================================*/
div#tabBox1 p {font-size: 14px;color: #434343;margin-top: 10px;}
.ProductTabIMG {margin:15px 0 10px; width:100%; max-width:530px;}
/* 商品仕様用css
==================================================================*/
table.products {width: 100%; text-align: left; margin: 10px 0;}
table.products thead tr th {padding: 7px 0 7px 3px; font-size: 1.2em; border-bottom: 1px solid #ccc;}
table.products tbody th {width: 20%; vertical-align: middle;}
table.products tbody th, table.products tbody td {border-bottom: 1px solid #ccc; padding: 10px 5px;}
table.products tbody th, table.products tbody td a {font-size:14px !important;}
/* ユーザーガイド部分のCSS
==================================================================*/
#tabBox3 ul li {float: left;margin-bottom:3px;}
#tabBox3 ul li:nth-child(odd){margin-right: 7px;}
#tabBox3 ul.clearfix.UserGuideBox {display: flex;flex-wrap: wrap;justify-content: center;}
/*==========================================
ここからモーダルウィンドウ用CSSここから*/
.modal-content {width: 90%;margin: 0 auto;padding: 8px 8px;border: 1px solid #aaa;background: #eceff1;position: fixed;display: none;z-index: 2;overflow-x: hidden;overflow-y: scroll;height: 380px;}
.modal-overlay {z-index: 1 ;display: none ;position: fixed ;top: 0 ;left: 0 ;width: 100% ;height: 120% ;background-color: rgba(236,239,241,0.75);}
.button-link2 {font-size: 40px;display: block;margin: 20px 0 0 auto;width: 50px;position: fixed;top: -15px;right: -12px;}
.button-link2:hover {text-decoration: none;cursor: pointer;}
.button-link {margin-top: 5px;}
/* ここから全体スクロールバーデザイン変更用CSS */
.modal-content::-webkit-scrollbar{overflow:hidden;width:4px;background:#eceff1;}
.modal-content::-webkit-scrollbar:horizontal{height:1px;}
.modal-content::-webkit-scrollbar-button{display:none;}
.modal-content::-webkit-scrollbar-piece{background:#eceff1;}
.modal-content::-webkit-scrollbar-piece:start{background:#eceff1;}
.modal-content::-webkit-scrollbar-thumb{background:#607d8b; border-radius:2px; position: relative;z-index: 9999;}
/* ==============================================================
ここからヘッダー専用CSS */
header {padding:10px; background:#607d8b; font-size:12px; color:#fff;/*font-family:"Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;*/ letter-spacing:1px;}
/* ==============================================================
ここからメニューリスト専用CSS */
nav.MenuBox ul {display:flex; justify-content:space-around;flex-wrap:wrap;}
nav.MenuBox ul li {width:24.8%;box-sizing:border-box; border-right:1px solid #fff;}
nav.MenuBox ul li:last-child {border-right:0;}
nav.MenuBox ul li a {display:block; margin:0 0.5px;background:#607d8b; padding: 20px 0; width: 100%;text-align:center;color:#fff;font-size:12px;font-family: 'Roboto', sans-serif;font-weight:normal;text-decoration:none;}
nav.MenuBox ul li a:hover {opacity:1;}
nav.MenuBox ul li i {color:#fff; margin-right: 5px; font-size:12px;}
.fixed {position: fixed;top: 0;width: 100%;max-width: 480px;z-index: 9999;}
@media screen and (max-width:360px){
nav.MenuBox ul {display:flex; justify-content:space-around;flex-wrap:wrap;}
nav.MenuBox ul li {width:25%;}
nav.MenuBox ul li a {display:block; margin:0 0.5px;background:#607d8b; padding: 20px 0; width: 100%;text-align:center;color:#fff;font-size:12px;font-family: 'Roboto', sans-serif;font-weight:normal;text-decoration:none;}
nav.MenuBox ul li i {color:#fff; margin-right: 5px; font-size:12px;}
}
#slide_menu{position: fixed;top: 0;left: -250px;width: 250px;height: 100%;background: #607d8b;z-index:9999;}
#slide_menu ul.BigBoxList {position:relative; top:30px; left:10px;height:550px; overflow-y:scroll;width: 235px;}
#slide_menu ul.BigBoxList li.toggle-li {color:#fff;font-size:14px; padding:15px 0;/*font-family:"Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;*/}
#slide_menu ul.BigBoxList li.toggle-li a {font-size:14px; color:#fff;}
#slide_menu ul.BigBoxList li.toggle-li i {color: #fff; font-size: 14px; margin-left: 5px;}
#slide_menu ul li.date a {color:#fff; font-size: 12px; display:block; padding:15px 0;/*font-family:"Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;*/font-weight:normal;border-bottom:1px dashed #fff; padding-bottom:15px;text-decoration:none;}
button#button {position:fixed;left:100px;}
.layer{position: fixed;top: 0;z-index: 1;display: none;width: 100%;height: 100%;background-color: transparent;}
body.open{position: fixed;}
/* ==============================================================
ここからヘッダーロゴ専用CSS */
div.LogoBox {text-align:center;background: #fff; padding:5px 0;}
div.LogoBox img {width:50%;}
/* ==============================================================
ここからスライダーボックス専用CSS */
div.sp-slides {margin:0;}
div.sp-slides div.sp-slide{background:#fff;/*border-radius:0 0 20px 20px;*/}
div.sp-slides div.sp-slide span {display:block;padding:10px 0 10px 5px;font-size:14px;line-height:1.4em; color:#607d8b;font-weight:normal;/*font-family:"Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;*/ letter-spacing:1px;width: 90%; margin:0 auto;;letter-spacing:1px;}
/* =====================================================================================
ここから会員登録ページ用CSS */
p.ta_center {margin: 0;}
a.myButton_05 {margin-bottom: 15px;display: block;padding: 10px 0 10px 5px;background: #607d8b;width: 210px;border: 1px solid #ccc;color: #fff;border-radius: 5px;}
a.myButton_05 i.fa.fa-pencil.fa-fw {color: #fff;margin-right: 2px;}
.sysMemberAgreementFormLabel {padding: 0px;margin-bottom: 10px;display: block;color: #434343;font-weight: bold;}
.sysMemberAgreement {border: 1px solid #888888;height: 100%;min-height: 220px;overflow-x: hidden;overflow-y: auto;padding: 5px;line-height: 1.5em;}
.sysForm label {display: inline;margin-top: 15px;font-size: 15px;padding: 0 0 7px; line-height: 40px;}
input[type="checkbox"] {border: 1px solid #ccc;width: 20px;height: 20px;background: #fff;box-sizing: initial !important;margin-right: 5px;position: relative;top: -2px;}
form#form_main .sysForm {margin-top: 20px;}
.sysFormItem.sysName {border-top: 1px dashed #ccc;border-bottom: 1px dashed #ccc;padding: 10px 0 10px 10px;margin: 10px 0 5px;}
.sysFormItem.sysNameKana {border-bottom: 1px dashed #ccc;padding: 10px 0 10px 10px;margin: 0px 0 5px;}
.sysFormItem.sysZipcode {border-bottom: 1px dashed #ccc;padding: 10px 0 10px 10px;margin: 0px 0 5px;}
.sysFormItem.sysPrefStateId {border-bottom: 1px dashed #ccc;padding: 10px 0 10px 10px;margin: 0px 0 5px;}
.sysFormItem.sysAddress1 {border-bottom: 1px dashed #ccc;padding: 10px 0 10px 10px; margin: 0px 0 5px;}
.sysFormItem.sysAddress2 {border-bottom: 1px dashed #ccc;padding: 10px 0 10px 10px; margin: 0px 0 5px;}
.sysFormItem.sysTel {border-bottom: 1px dashed #ccc;padding: 10px 0 10px 10px;margin: 0px 0 5px;}
/*.sysFormItem.sysMailaddress {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}*/
/*.sysFormItem.sysMemberId {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}*/
/*.sysFormItem.sysMemberPassword {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}*/
.sysFormItem.sysFax {border-bottom: 1px dashed #ccc;padding: 10px 0 10px 10px;margin: 0px 0 5px;}
.sysFormItem.sysGender {border-bottom: 1px dashed #ccc;padding: 10px 0 10px 10px;margin: 0px 0 5px;}
.sysFormItem.sysBirthday {border-bottom: 1px dashed #ccc;padding: 10px 0 10px 10px;margin: 0px 0 5px;}
.sysFormItem.sysAcceptMailmagazine {border-bottom: 1px dashed #ccc;padding: 10px 0 10px 10px;margin: 0px 0 5px;}
input.sysButton {margin-top: 10px;background: #434343;color: #fff;width: 500px;padding: 14px 0;border-radius: 5px;border: 1px solid #ccc;font-weight:normal; font-size:14px;}
.sysFormField input[type="text"] {width: 500px;padding: 8px 0 8px 5px;margin-top: 8px;border-radius: 5px;border: 1px solid #ccc;}
.sysFormItem sysBirthday .sysFormField input[type="text"] {display: inline;margin: 5px 8px 8px 5px;position: relative;top: -2px;}
.sysFormField select {width: auto;padding: 8px 0 8px 5px;border: 1px solid #ccc;border-radius: 5px;margin-top: 8px;}
.sysFormField input[type="tel"] {width: 500px;padding: 8px 0 8px 5px;margin-top: 8px;border-radius: 5px;border: 1px solid #ccc;}
.sysFormField input[type="password"] {width: 500px;padding: 8px 0 8px 5px;margin-top: 8px;border-radius: 5px;border: 1px solid #ccc;}
.sysFormField input[type="email"] {width: 500px;padding: 8px 0 8px 5px;margin-top: 8px;border-radius: 5px;border: 1px solid #ccc;}
.sysFormItem.sysBirthday .sysFormField {margin: 5px 0 0; width:auto;}
button.sysButton.btn {background: #434343;border-radius: 5px;color: #fff;width: auto;}
button.sysButton.btn:hover {transition-duration: 0.5s;opacity: 0.8;}
ul.sysFormField {margin-top: 8px;}
ul.sysFormField label {margin: 0 25px 0 0px;}
ul.sysFormField label input[type="radio"] {width: 15px;height: 15px;}
.sysFormItem.sysAcceptMailmagazine .sysFormField {margin-top: 8px;}
.sysLoginForm form .sysFormItem .sysFormField input.loginId::placeholder {
color: #fff;
}
.sysLoginForm form .sysFormItem .sysFormField input.loginPassword::placeholder {
color: #fff;
}
input.sysNextSubmit {background: #607d8b;border: 1px solid #ccc;width: 100%;padding:5px 10px;color: #fff;font-weight: bold;margin-top: 10px;border-radius: 5px; }
.sysWithdrawal p {color: #c44d4d !important;line-height: 1.5em;font-size: 14px;padding-bottom: 0px;}
.sysWithdrawal {margin-top: 10px;}
/*h3.sysMypageMinorHeadLine {position: relative;top: -45px;left: 35px;font-weight: normal;letter-spacing: 2px;color:#fff !important;}*/
.sysOrderHistory {margin-left: 10px;}
div.footerCate {display:none;}
/* =====================================================================================
ここからマイページ設定用CSS */
.sysMypageNav {display: flex;justify-content:center;flex-wrap: wrap;justify-content:center;width:100%;max-width: 1040px;margin: 50px auto 15px;overflow-x: hidden;}
.sysMypageNav form {margin: 3px 6px;}
.sysMypageNav form input.sysButton {background: #607d8b;-webkit-appearance: none;border: 0;padding: 50px 0px;width:333px;font-size: 24px;color: #fff;outline: none;border-radius: 0px;box-shadow: 0 0 0px rgba(0, 0, 0, 0.0);}
.sysMypageNav form input.sysButton:hover {transition-duration: 0.5s;opacity: 0.8;}
div#sysMain h2.sysMypageMajorHeadLine {font-size: 14px;color: #434343;margin-left: 0px; display:none;}
h2.sysMypageMajorHeadLine {position: relative;top: -27px;left: -50px;color: #fff !important;font-weight: normal;}
.sysFreeArea {
margin-top: 0px;
font-size: 16px;
}
h3.SysMypageMinorHeadLine {font-size: 18px;color: #434343;margin: 30px auto 8px;border-bottom: 1px dashed #ccc;padding-bottom: 5px;}
.sysOrderHistory p {font-size: 18px;color: #434343;font-weight: normal;}
h2.sysMypageMajorHeadLine {display: none;}
body#sysMypageIndex .sysItemReviewLink a{
color:#fff;
}
body#sysMypageIndex.sysMypage .sysOrderList > div {
position: static;
}
body#sysMypageIndex li.sysOrder{
width: auto;
margin: 10px 0;
}
/* =====================================================================================
ここからマイページログイン用CSS */
body#sysMypageLogin div.sysLoginForm {margin: -70px 0 0;}
body#sysMypageLogin div.sysFormField {width: 315px !important;}
.sysLoginForm form {width: 100%;margin: 0 auto;}
.sysFormItem.sysMailaddress {margin: 10px 0 10px 10px;}
.sysFormField input[type="email"] {width: 100%;}
.sysFormItem.sysMemberPassword {margin: 10px 0 10px 10px;}
.sysFormField input[type="password"] {width: 100%;}
input.sysLoginButton {
width: 100%;
background: #607d8b;
color: #fff;
margin: 0px 0;
padding: 11px 0;
font-size: 1.1rem;
}
input.sysButton {
width: 100%;
border-radius: 4px;
color: #7fbcb4;
background: none;
border: none;
margin: 0;
}
/* =====================================================================================
ここからマイページトップ用CSS */
.sysDatetime {font-size: 14px;color: #434343;margin: 10px 0;}
.sysItemName {font-size: 14px;color: #434343;}
.sysItemName a {font-size: 14px;line-height: 1.5em;}
.sysNumber {margin: 5px 0;}
.sysItemReviewLink {margin: 10px 0;}
.sysItemReviewLink a {font-size: 14px;background: #434343;padding: 15px 0px;width: 100%;display: block;text-align: center;border-radius: 4px;color: #fff;}
.sysMypageNav {display: block;justify-content: center;flex-wrap: wrap;width: 100%;max-width: 1040px;margin: 50px auto 15px;}
.sysMypageNav form input.sysButton {background: #607d8b;-webkit-appearance: none;border: 0;padding: 20px 0px;width: 100%;font-size: 14px;color: #fff;outline: none;border-radius: 6px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);letter-spacing:1px;}
.sysDatetime {font-size: 14px;color: #434343;margin: 10px 0;}
.sysItemName {font-size: 14px;color: #434343;}
.sysItemName a {font-size: 14px;line-height: 1.5em;}
.sysNumber {margin: 5px 0;}
.sysItemReviewLink {margin: 10px 0;}
.sysItemReviewLink a {font-size: 14px;background: #434343;padding: 15px 0px;width: 100%;display: block;text-align: center;border-radius: 4px;color: #fff;}
.sysMypageNav {display: block;justify-content: center;flex-wrap: wrap;width: 100%;max-width: 1040px;margin: 50px auto 15px;}
.sysMypageNav form input.sysButton {background: #607d8b;-webkit-appearance: none;border: 0;padding: 20px 0px;width: 100%;font-size: 14px;color: #fff;outline: none;border-radius: 10px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);letter-spacing:1px;}
body.sysMypage div#sysMain {margin: 10px 0 0; padding:0 10px;box-sizing: border-box;}
div#Road_j {display:none;}
div#Road_j-2 {display:none;}
.sysFuncText.PartsBox {display: none;}
div.ItemDescription {margin: 45px 0 0 !important;}
div#sysVariation {text-align: left;}
/* =============================================================================================================================== */
.sysFuncCartInfo.Price_deli.sysDisplayKeitaiNone {
width: 100%;
max-width: 1040px;
margin: 0 auto;
position: relative;
top: 77px;
}
.Price_deli .sysContent {
padding: 0px !Important;
}
.sysContent dl.sysCartInfoRemainFreeShipping {
/* display: flex;
justify-content: flex-start; */
background: none;
padding: 10px 0;
}
.sysContent dl.sysCartInfoRemainFreeShipping dt {
color: #3a3a3a;
letter-spacing: 1px;
font-weight: normal;
}
.sysContent dl.sysCartInfoRemainFreeShipping dd {
color: #383838;
font-weight: normal;
}
.sysContent dl.sysCartInfoRemainFreeShipping dd span {
color: #212121 !important;
font-weight: normal;
}
iframe.Parts_25mm {display: none;}
iframe.Parts_19mm {display: none;}
div#rack_j {display: none !important;}
.sysContent .sysItemBlock .sysHorizontal {font-size: small;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.PickupShop_BoxInner {font-size: small;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sysContent .sysItemBlock .sysHorizontal li {width: 15.5%;}
.sysFuncText.index_PickupShop {
display: none;
}
.PickupShop_BoxInner .sysHorizontal li {width: 48%;}
.sm_rackRanking .sysContent .sysHorizontal li {float: none;}
.sysContent .sysItemBlock .sysHorizontal .sysItemName a {font-size: 12px;line-height: 1.5em;}
.sysItemPrice {color: #c62828;}
/* ==============================================================
ここから各セクション専用CSS */
section.ItemBoxBlock {background: #fff;padding-bottom:15px;}
section.ItemBoxBlock h3 {padding:5px 0 3px;text-align:center;letter-spacing:1px;font-family: 'Roboto', sans-serif;font-weight:normal;margin-bottom:15px;border-bottom: 1px dashed #ccc;border-top: 1px dashed #ccc;}
section.ItemBoxBlock h3 i {margin-right:5px;}
section.ItemBoxBlock h3 span.SubTitleBox {display:block;text-align:center;/*font-family:"Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;*/ font-size:14px;margin:0;color:#434343;}
section.ItemBoxBlock img {width:100%;}
section.ItemBoxBlock ul {width:100%;}
section.ItemBoxBlock ul li {padding-bottom: 15px;}
section.ItemBoxBlock ul li a p {font-size: 12px; color: #434343;line-height: 1.5em;}
svg.svg_icon {width: 28px;height: 18px;position: relative;top: 3px;}
input.sysCartButton.sysCartInButton {width: 100% !important;top: 18px !important;}
.sysItemListViewType label {display: none;}
.sysFuncItemBlock.sm_rackRanking.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone {margin-bottom:20px;}
.sysFuncItemBlock.sm_rackRanking.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone h3 {padding:5px 0;color:#aa9236;margin-top:20px;text-align:center;border:1px dashed #ccc;border-right:0;border-left:0;font-family: 'Roboto', sans-serif;}
.sysFuncItemBlock.sm_rackRanking.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone h3 span {color:#434343;display:block;font-size:14px;}
.sysFuncItemBlock.sm_rackRanking h3 {padding:5px 0;border: 1px dashed #ccc;border-right: 0;border-left: 0;font-size: 16px;color: #aa9236;text-align: center;margin-top: 20px;font-family: 'Roboto', sans-serif;}
.sysFuncItemBlock.sm_rackRanking h3 span {font-size: 14px;display: block;color: #434343;}
article.ProductList {box-sizing:border-box !important;}
.sm_header-https .sysContent {padding: 0px;}
.sysFuncCartInfo.Price_deli.sysDisplayKeitaiNone {display: none;}
/* ここからレビューページ設定用 */
body#sysItemReviewIndex div#sysMain {float: none !important;width: 100% !important;margin-left: 0 !important;max-width: 480px;margin:15px auto 0 !important;padding:0px;}
body#sysItemReviewIndex div#sysMain h2 {font-size:12px;line-height:1.5em;}
body#sysItemReviewIndex div#sysMain h3 {font-size:20px;line-height:2.5em;}
body#sysItemReviewIndex div#sysMain ul.sysReviewHistoryList li {background: #efefef;padding: 10px;overflow-x: hidden;width: 94%;max-width: 480px;border: 1px solid #ccc;margin:10px 0;}
body#sysItemReviewIndex div#sysMain ul.sysReviewHistoryList {text-align: left;margin: 25px auto !Important;width:95%;max-width: 480px !important;}
body#sysItemReviewIndex div#sysMain > div > img.sysList {width: 45%;max-width: 680px;margin:0 auto;display:block;}
body#sysItemReviewIndex div#sysMain input.sysButton {margin-top: 10px !important;color: #434343 !important;width: 40% !important;border-radius: 5px !important;font-weight: normal !important;font-size: 14px !important;display: inline-block !important;text-align: right;outline:none;}
body#sysItemReviewIndex div#sysMain form {text-align: left !important;display: block !important;width: 96% !important;max-width:680px;margin: 0 auto !important;}
body#sysItemReviewIndex div#sysMain .sysEvaluation {color: #bbad00;margin: 10px 0;}
body#sysItemReviewIndex div#sysMain .sysNickname {color: #434343;font-size: 14px;}
body#sysItemReviewIndex div#sysMain .sysReviewText {line-height: 1.5em;margin: 0 0 10px;color: #434343;font-size: 14px;}
body#sysItemReviewIndex div#sysMain .sysReviewDatetime {font-size: 14px;color: #434343;text-align: right;margin-top: 15px;}
body#sysItemReviewIndex div#sysMain select[name="sort"] {width: 100% !important;max-width: 200px;padding: 10px 0 10px 0px !important;font-size: 14px !important;color: #434343 !important;border: 1px solid #ccc !important;-webkit-appearance: none;}
body#sysItemReviewIndex div#sysMain .sysReviewImproperForm {position: relative;overflow-y: hidden;}
body#sysItemReviewIndex div#sysMain .sysReviewImproperForm::after {content: ">";font-size: 12px;color: #434343;position: absolute;top: 22px;right: 165px;}
td span.NoticeTxt {font-size: 14px;color: #C62828;text-decoration: underline !important;display: inline-block !important;}
iframe.size01 {display:none;}
iframe.size02 {display:none;}
iframe.size03 {display:none;}
.ProTableFrame {display:none;}
/*202170331add_yoshimura*/
.top_bnarea_third_right {
margin-right: 0 !important;
}
#enc_bnr_area .enc_bnr {
margin: 0 2.4px 20px !important;
}
#enc_bnr_area .enc_bnr p {
font-size: 10px;
}
/* ====================================================================
レビュー入力画面,確認画面用CSSここから */
.sysItemReview .sysButton {
margin-bottom: 15px;
padding: 10px 0;
}
body#sysItemReviewIndex .sysFormField{margin: 0;}
.sysItemReview .sysFormItem.sysReviewText {
margin-bottom: 10px;
}
.sysItemReview div#sysMain {
width: 98% !important;
margin: 0 auto;
}
.sysFormItem.sysReviewText div.sysFormField {
width: 90%;
}
body#sysItemReviewIndex div#sysMain div.sysFormField input[type="radio"]{width: auto !important;}
#action_front_cart_onePageOrder{
width: 90%;
height: 50px;
margin: 5%;
}
#sysOnePageConfirm input.sysNextSubmit {
background: #c62828;
border: 1px solid #ccc;
width: 90%;
padding: 30px 0 30px 0px;
color: #fff;
font-weight: bold;
margin:5%;
border-radius: 5px;
font-size:1.5em;
}
li.mdl-list__item {
max-width: 535px;
width: 100%;
margin-left:5%;
}
.mdl-button--raised.mdl-button--colored{
padding: 0;
color: #fff;
background: #c62828;
outline: none;
height: 49px !important;
width: 43%!important;
border-radius:3px;
}
.mdl-button--raised.mdl-button--colored:active{
padding: 0;
color: #fff;
background: #c62828;
outline: none;
height: 49px !important;
width: 37%!important;
margin-right: 35px;
border-radius:3px;
}
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit{
background:#c62828;
color:#FFF;
border:none;
}
.useAmazon, .useAmazonGuest{
top:0px;
}
.sysNextSubmitAreaForUseAmazon.useOPC{
top:0;
}
.mdl-dialog{
width:85%;
}
.sysNumArea button{
background:#3e3e3e!important;
}
/*プライバシーポリシー*/
.cc-window.cc-floating.cc-type-opt-in.cc-theme-block.cc-bottom.cc-color-override-1112437090 {
padding: 1em;
}
.cc-floating .cc-message {
font-size: 10px;
line-height: 17px;
}
.cat_detail_sort span{
display:none;
}
/* .sysCart #sysMain input[type=submit], .sysCart #sysMain button[type=submit], .sysCart #sysMain button{right:44px!important; width:100px!important;} */
}
@media screen and (min-width:481px) and (max-width:1050px){
body {overflow-x:hidden;}
h1, h2, h3, h4, h5, h6, p {letter-spacing: 1px;line-height: 1.5em;font-size: 12px;margin-left: 5px;}
a {font-size: 12px;color: #434343;}
a:hover {transition-duration: 0.7s;;}
header#LineSecond div.LogoBox a img {width: 303px !important;}
.head .sysContent {padding: 0px;}
/* ここからタブ用スクロールバーデザイン変更用CSS */
body::-webkit-scrollbar{overflow:hidden;width:15px;background:#eceff1;}
body::-webkit-scrollbar:horizontal{height:1px;}
body::-webkit-scrollbar-button{display:none;}
body::-webkit-scrollbar-piece{background:#eceff1;}
body::-webkit-scrollbar-piece:start{background:#eceff1;}
body::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.55); border-radius:2px;}
body::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0.55); border-radius:2px;}
/* =================================
セール用CSSここから */
div.SaleSale {background: #FFFFFF;width: 100%;box-sizing: initial; height:100% !important;}
div.SaleSale img {width:85%; height:100% !important;}
div.SaleSale:hover {opacity: 0.7;transition-duration: 0.7s;}
/* =================================
ヘッダー1用CSSここから */
header#LineFirst {background: #607D8B; height: auto; padding: 8px 0 6px 0;box-sizing: initial;}
header#LineFirst h1 {padding-left: 10px;color: #fff;font-size: 12px;}
/* =================================
ヘッダー2用CSSここから */
header#LineSecond {width: 100%;;height: 100px;margin: 0 auto;background: #fff;}
header#LineSecond div.HeadSecondBox {width: 100%;background: #fff;max-width: 1400px;height: 100px;margin: 0 auto;position: relative;}
header#LineSecond div.LogoBox {padding-top: 8px;}
header#LineSecond nav.MainNaviBox ul {position: absolute;right: 0px;bottom: 10px;}
header#LineSecond nav.MainNaviBox ul li {float: left;margin-right: 20px;}
header#LineSecond nav.MainNaviBox ul li i {margin-right: 5px;color: #434343;}
/* メインナビゲーション : ホバーアニメーション用CSSここから */
nav.MainNaviBox li a {position: relative;text-decoration: none;font-size: 12px;}
nav.MainNaviBox li a:hover {opacity: 1;}
nav.MainNaviBox li a:hover:before {visibility: visible;transform: scaleX(1);-webkit-transform: scaleX(1);}
nav.MainNaviBox li a:before {background-color: #434343;bottom: -3px;content: "";position: absolute;width: 100%;height: 1px;left: 0;visibility: hidden;transform: scaleX(0);-webkit-transform: scaleX(0);transition: all .2s ease-in-out 0s;-webkit-transition: all .2s ease-in-out 0s;}
header#LineSecond ul.UserBox {position: absolute;right: 20px;top: 0px;}
header#LineSecond ul.UserBox li {margin-left: 5px;float: left;text-align: center;line-height: 0.8em;}
header#LineSecond ul.UserBox li a {display: block;background: #607d8b;padding: 4px 10px;color: #fff;font-size: 10px;border-radius: 0 0 6px 6px;}
header#LineSecond ul.UserBox li i {font-size: 16px;color: #fff;}
/* =================================
各ページ呼び出しタイトル用CSSここから */
aside#PageTitleBox {background: #607d8b;height: 22px;padding: 5px 0 8px 0;width: 100%;margin: 0 auto;box-sizing: initial;}
aside#PageTitleBox h3 {font-size: 18px;padding-left: 50px;width: 1400px;margin: 0 auto;}
/* =================================
グランドナビ一時上書き用CSSここから */
/*.hide {max-width: 1040px;}*/
.tlimg:hover:before {right: -275px;}
.tlimg:hover:after {right: -285px;}
ul#navi_global li {background: #eceff1;}
div#header div#notice_header div {width: 1040px;}
ul#navi_global {max-width: 1040px;}
/*.hide {max-width: 1040px !important;}*/
.tlimg:hover:before {right: -275px;}
.tlimg:hover:after {right: -285px;}
ul#navi_global li {background: #eceff1;}
p#navi_arrow span.txtNavi {height: 70px !important;padding-top: 10px !important;}
p#navi_arrow i.fa-angle-down {left: -13px !important;}
.fixed {top: 0px !important;}
.sysFuncText.header.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {display: none;}
#sysHeader {width: 100%;padding: 0px;margin: 0px auto;clear: both;margin-bottom: 0px;}
#sysAll {width: 100%;max-width:2000px !important;padding: 0px;margin: 0 auto;}
#sysMain {width: 100%;padding: 0px;margin: 0px auto;margin-bottom: 10px;}
.sysDisplayTabletNone {display: block;}
aside#LeftFixNavigation {display: none;}
/* --------------------------------------------------------------------------
ここから絶対追加 | デフォルトのdiv要素で出来るパディングをリセットするための記載*/
.grandNavi .sysContent {padding:0;}
.slider .sysContent {padding: 0px;}
.SideFix .sysContent {padding: 0px;}
.SearchForm .sysContent {padding: 0px;}
.PartSection .sysContent {padding: 0px;}
.WidthSection .sysContent {padding: 0px;}
.BrandSection .sysContent {padding: 0px;}
.RackRanking-25mm-Section .sysContent {padding: 0px;}
.RackRanking-19mm-Section .sysContent {padding: 0px;}
.ApplicationSection .sysContent {padding: 0px;}
.NewArrivalsSection .sysContent {padding: 0px;}
.FeatureProductsSection .sysContent {padding: 0px;}
.CategroySection .sysContent {padding: 0px;}
.ViewProductsSection .sysContent {padding: 0px;}
.footer .sysContent {padding: 0px;}
.Recommnd-Item .sysContent {padding: 0px;}
.header_cart .sysContent {padding: 0px;}
/* =====================================================================================
ここからスライダー用CSS */
.slider {margin-top: 0px !important;}
.sp-arrow {position: absolute !important;display: block;width: 20px;height: 30px;cursor: pointer;text-align: center;margin: 0 auto;}
/*.sp-horizontal .sp-next-arrow {left: 40%;bottom: 15px;}
.sp-horizontal .sp-previous-arrow {right: 0px !important;bottom: -15px !important;left: -40% !important;}*/
.sp-slide.sp-selected {-webkit-filter:grayscale(0%);filter:grayscale(0%);}
.sp-slide {-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.sp-arrow {position: absolute !important;display: block;width: 10px !important;height: 50px !important;cursor: pointer;text-align: center;margin: 0 auto;}
.sp-buttons {position: absolute;width: 100px;text-align: center;padding-top: 10px;right: 0;bottom: 10px;}
.sp-selected-button {background-color:#C62828 !important;}
.sp-button {width: 10px;height: 10px;border: 0;border-radius: 50%;margin:0 5px;display: inline-block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;background: #fff;}
.sp-slide.sp-selected {-webkit-filter:grayscale(0%);filter:grayscale(0%);}
.sp-slide {-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.sp-arrow {position: absolute !important;display: block;width: 10px !important;height: 50px !important;cursor: pointer;text-align: center;margin: 0 auto;}
.sp-buttons {position: absolute !important;width: 100px;text-align: center;padding-top: 10px;right: 0;bottom: 10px; width:130px !important;}
.sp-selected-button {background-color:#C62828 !important;}
.sp-button {width: 10px;height: 10px;border: 0 !important;border-radius: 50%;margin:0 5px;display: inline-block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;background: #fff;}
/* ================================= 追加！ ============================================ */
ul#navi_global li svg.svg_icon {width: 25px;height: 25px;position: absolute;top: 0;left: 0;fill:#B5B4B4;}
ul#navi_global li:hover .svg_icon {fill: #fff !important;}
@-webkit-keyframes modalFadeIn {0% {opacity: 0;display: block;} 100% {opacity: 1;}}
@-o-keyframes modalFadeIn {0% {opacity: 0;display: block;} 100% {opacity: 1;}}
@-ms-keyframes modalFadeIn {0% {opacity: 0;display: block;} 100% {opacity: 1;}}
.tlimg:hover:before, .tlimg:hover:after {-moz-animation-name: modalFadeIn;-moz-animation-duration: .8s;-moz-animation-iteration-count: 1;-webkit-animation-name: modalFadeIn;-webkit-animation-duration: .8s;-webkit-animation-iteration-count: 1;-o-animation-name: modalFadeIn;-o-animation-duration: .8;-o-animation-iteration-count: 1;-ms-animation-name: modalFadeIn;-ms-animation-duration: .8s;-ms-animation-iteration-count: 1;opacity: 1;}
ul#navi_global li {box-sizing: initial;}
p#navi_arrow span.txtNavi {box-sizing: initial;}
/* =====================================================================================
ここからメインアイテム用共通CSS */
section#ItemBoxIndex {margin: 70px auto 0; max-width: 1040px; width: 100%;}
section#ItemBoxIndex-2 {margin: 70px auto 0;width: 1040px;}
/*--ここから各項目のタイトル--*/
h3.SectionTitleBox {text-align: center;font-size: 20px;font-weight: bold;color: #434343;border-bottom: 1px solid #bdbdbd;padding-bottom: 5px;box-shadow:0 1px 0 #f1f1f1;}
h3.SectionTitleBox span.SmallTxt {font-size: 14px;font-weight: bold;color: #434343;}
h3.SectionTitleBox i {margin-right: 5px;color: #434343;}
/*--これで各項目の一言コメント--*/
section#ItemBoxIndex p.OneTxtSection {margin: 5px 0 25px;font-size: 14px;text-align: center;line-height: 1.5em;color:#434343;}
section#ItemBoxIndex-2 p.OneTxtSection {margin: 5px 0 25px;font-size: 14px;text-align: center;line-height: 1.5em;}
/*--これで各コンテンツアイテムボックス--*/
section#ItemBoxIndex div.ItemBox {margin: 25px 0 0;}
/*--ここからテキストボックスの作成--*/
section#ItemBoxIndex div.PaddingCard01 article {padding-bottom: 0px; box-sizing:initial;}
section#ItemBoxIndex div.PaddingCard02 article {padding-bottom: 75px; box-sizing:initial;}
section#ItemBoxIndex div.PaddingCard03 article {padding-bottom: 68px; box-sizing:initial;}
section#ItemBoxIndex div.PaddingCard04 article {padding-bottom: 22px; box-sizing:initial;}
/*--これでアイテムボックスの作成--*/
section#ItemBoxIndex article {background: #fff;box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);float: left;margin: 0;/*margin: 5px 5px;*/border: 1px solid #fff; position: relative;}
/*section#ItemBoxIndex article a {position: relative;}
section#ItemBoxIndex article a[title]:after {display: none; opacity: 1;}
section#ItemBoxIndex article a[title]:hover {opacity:1 !important;text-decoration: none;}
section#ItemBoxIndex article a[title]:hover:after {box-shadow:0 0 5px rgba(0, 0, 0, 0.15); display: block;position: absolute;top: -40px; left:-7px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;margin: 0 auto;padding: 0.5em;border: 1px solid #ccc;background:none;color: #434343;font-size: 12px;width: 100%;text-align: left; line-height: 1.2em;content: attr(title);z-index:100; text-decoration: none;}*/
/*--これでアイテムボックス左側のマージンを消す--*/
section#ItemBoxIndex article.marginNoLeft {margin-left: 0;}
/*--これでアイテムボックス右側のマージンを消す--*/
section#ItemBoxIndex article.marginNoRight {margin-right: 0;}
/*--これでアイテムボックスの画像表示領域の作成--*/
section#ItemBoxIndex article a {display: block;background: none;margin: 5px 0 0 5px;}
/*--ここからコンテンツボックスのテキスト表示領域--*/
section#ItemBoxIndex ul.ContsTxtBox {margin: 7px auto 0;width: 325px;}
section#ItemBoxIndex ul.ContsTxtBox li {font-size: 12px;color: #434343;line-height: 1.3em;letter-spacing: 1px;}
section#ItemBoxIndex ul.ContsTxtBox li.TitleContsList {text-align: center;font-size: 12px;border-bottom: 1px solid #ccc;padding-bottom: 4px;font-weight: bold;margin-bottom: 5px;}
/*--ここから各バナーナンバリング--*/
section#ItemBoxIndex ul li span.NumberBox {font-size: 16px; letter-spacing: 0px; color: #C62828;font-weight: normal;position: relative;top: 1px; left: 2px;}
/*--ここからカテゴリリストテキストボックス表示領域--*/
section#ItemBoxIndex ul.ProductLinkTxtBox {margin: 6px auto 0;}
section#ItemBoxIndex ul.ProductLinkTxtBox li {margin: 0 auto 8px;font-size: 12px;line-height: 1.45em;letter-spacing: 1px;color: #434343;margin-left: 5px;}
/*--ここからカテゴリリストテキストボックス表示領域(パーツ)--*/
section#ItemBoxIndex ul.ProductLinkTxtBox li.PartsTitleBox {border-bottom: 1px solid #ccc;padding-bottom: 4px;font-size: 14px;font-weight: normal;color: #434343;letter-spacing: 1px;}
section#ItemBoxIndex ul.ProductLinkTxtBox li.SmallCateParts {width: 258px;}
section#ItemBoxIndex ul.ProductLinkTxtBox li.MidiumCateParts {width: 467px;}
section#ItemBoxIndex ul.ProductLinkTxtBox li.LargeCateParts {width: 748px;}
/*--ここからカテゴリリストテキストボックス表示領域(カテゴリ)--*/
section#ItemBoxIndex ul.CategoryTxtBox {margin: 9px 0 0 6px;}
section#ItemBoxIndex ul.CategoryTxtBox li {font-size: 12px;font-weight: bold;color: #434343;letter-spacing: 1px;text-align: left;}
/*--ここからカテゴリリストテキストボックス表示領域(ブランド)--*/
section#ItemBoxIndex ul.ProductLinkTxtBox li.BrandTitleBox {border-bottom: 1px solid #ccc;padding-bottom: 4px;font-size: 14px;font-weight: normal;color: #434343;letter-spacing: 1px;}
section#ItemBoxIndex ul.ProductLinkTxtBox li.SmallCateBrand {width: 328px;}
section#ItemBoxIndex ul.ProductLinkTxtBox li.LargeCateBrand {width: 678px;}
/*--ここからカテゴリリストテキストボックス表示領域(用途別)--*/
section#ItemBoxIndex ul.ProductLinkTxtBox li.ApplicationTitleBox {border-bottom: 1px solid #ccc;padding-bottom: 2px;font-size: 14px;font-weight: normal;color: #434343;letter-spacing: 1px;}
section#ItemBoxIndex ul.ProductLinkTxtBox li.SmallCateApplication {width: 188px;}
section#ItemBoxIndex ul.ProductLinkTxtBox li.LargeCateApplication {width: 608px;}
/*--ここから商品リストテキストボックス表示領域--*/
section#ItemBoxIndex ul.ItemTxtBox {margin: 6px auto 0;width: 188px;}
section#ItemBoxIndex ul.ItemTxtBox li {color: #434343;font-size: 12px;margin-bottom: 8px;}
section#ItemBoxIndex ul.ItemTxtBox li:first-child {border-bottom: 1px solid #ccc;padding-bottom: 4px;}
section#ItemBoxIndex ul.ItemTxtBox li.ItemPrice {margin-top: 9px;text-align: right;}
section#ItemBoxIndex ul.ItemTxtBox li span.PriceSize {font-size: 16px;font-weight: bold;color: #C62828;margin-right: 2px;}
/* =====================================================================================
ここから特集用CSS */
section.Feature {}
section.Feature article {width: 338px;height: 160px;}
section.Feature article:hover {background: #769FAF !important;transition-duration: 0.5s;}
section.Feature article:hover li {transition-duration: 0.5s; color: #fff !important;}
section.Feature article a:hover {opacity: 1 !important;}
section.Feature article:hover a.modal-LinkTxt {transition-duration: 0.5s; color: #fff !important;}
/*ここから特集の中のモーダルウィンドウ用CSS */
ul.ContsTxtBox li a.modal-LinkTxt {display:block !important; background:none !important; margin:0 !important; font-size:11px !important; text-align:left !important; color:#434343 !important; margin-top:2px !important;}
.modal-content02 {width: 1040px;margin: 0 auto;padding: 20px 8px 5px;border: 1px solid #aaa;background: #fff;position: fixed;display: none;z-index: 9999;overflow: hidden;text-align: center;}
.modal-overlay {z-index: 9998 ;display: none ;position: fixed ;top: 0 ;left: 0 ;width: 100% ;height: 120%;background-color: rgba(0,0,0,0.45);}
section.modal-textbox {width: 825px; margin: 0 auto;}
div.modal-content02 h6 {color: #434343; border-bottom: 1px dashed #ccc;width: 825px;margin: 0 auto 25px;padding-bottom: 20px;}
div.modal-content02 p {color:#434343; font-size: 14px; margin-bottom: 10px;}
div.modal-content02 p.styleChanged {text-align:right; margin-top: 20px;}
.button-link{color:#434343;text-decoration:none;font-size: 14px;margin-top: 30px;display: block;}
.button-link i {color:#434343;font-size: 14px; margin-right: 5px;}
.button-link:hover{cursor:pointer;text-decoration: none;}
a.modal-LinkTxt.modal-open.button-link {height: 10px;width: 100%;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.Feature article a {width: 328px;height: 150px;}
/* =====================================================================================
ここからパーツを選ぶ用CSS */
section.SelectParts {}
section.SelectParts article {width: 268px;height: 300px;}
section.SelectParts article.LargeBannerP1 {width: 758px;}
section.SelectParts article.MidiumBanner {width: 478px;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.SelectParts article a {width: 258px;height: 290px;}
section.SelectParts article.LargeBannerP1 a {width: 748px;}
section.SelectParts article.MidiumBanner a {width: 468px;}
/* =====================================================================================
ここから横幅からラックを選ぶ用CSS */
section.SelectWidth {}
section.SelectWidth article {width: 198px;height: 260px;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.SelectWidth article a {width: 188px;height: 250px;}
/* =====================================================================================
ここからブランドからラックを選ぶ用CSS */
section.SelectBrand {}
section.SelectBrand article {width: 338px;height: 300px;}
section.SelectBrand article.LargeBannerP2 {width: 688px;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.SelectBrand article a {width: 328px;height: 290px;}
section.SelectBrand article.LargeBannerP2 a {width: 678px;}
/* =====================================================================================
ここから25mm/25mm共通ラック人気ランキングTOP5用共通CSS */
section.RackRanking {}
section.RackRanking article {position: relative;}
section.RackRanking div.ItemBox {margin-top: 30px !important}
img.rankingIcon {position: absolute;top: -40px;left: 75px;width: 35px;height: 35px;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.RackRanking article a {width: 188px;height: 188px;}
/* =====================================================================================
ここから用途別からラックを選ぶ用CSS */
section.SelectByApplication {}
section.SelectByApplication article {width: 198px;height: 250px;}
section.SelectByApplication article.LargeBannerP3 {width: 618px;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.SelectByApplication article a {width: 188px;height: 240px;}
section.SelectByApplication article.LargeBannerP3 a {width: 608px;}
/* =====================================================================================
ここから新着商品用CSS */
section.NewProducts {}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.NewProducts article a {width: 188px;height: 188px;}
/* =================================
新着商品CSSここから */
div.top-slider {position: relative;width: 1040px;padding: 0;}
button.slick-prev {position: absolute;top: 17px;left: 0px;z-index: 9998;background-color: #fff;background-image: url("http://perfect-floors.jp/img/test/new-top/prev.png");text-indent: -150px;overflow:hidden;height: 345px;width: 75px;border: none;outline: none;opacity: 1;background-position: center; background-repeat: no-repeat;cursor: pointer;}
button.slick-next {position: absolute;top: 17px;right: 0px;z-index: 9998;background-color: #fff;background-image: url("http://perfect-floors.jp/img/test/new-top/next.png");text-indent: -150px;opacity: 1;overflow:hidden;height: 345px;width: 75px;border: none;outline: none;background-position: center; background-repeat: no-repeat;cursor: pointer;}
/*button.slick-prev:hover {opacity: 1;transition-duration: 0.8s;display: block;}*/
/*button.slick-next:hover {opacity: 1;transition-duration: 0.8s;display: block;}*/
div.top-slider article.OyaBox {cursor: pointer;outline: none;background: #fff;display: block;position: relative;}
div.top-slider img:active {outline: none;}
ul.slick-dots {display: none !important;}
/* =====================================================================================
ここから注目商品一覧用CSS */
article.ProductList {width: 188px !important;box-shadow: 0 0 1px rgba(0, 0, 0, 0.35) !important;background: #fff !important;text-align:center !important; padding: 14px 5px 17px !important;margin: 18px 5px 0 !important;box-sizing:initial;}
article.ProductList img {max-width: 188px !important;}
article.ProductList h4 {color:#434343 !important; font-size: 12px !important; font-weight: bold !important;margin: 10px 0 8px !important; text-align: center !important;text-overflow: ellipsis !important;overflow: hidden !important;height: 20px !important;width: 178px !important;white-space: nowrap !important;}
article.ProductList a {color:#434343 !important; font-size: 12px !important; letter-spacing:0px !important;}
article.ProductList p.ProductSize {color: #434343 !important; font-size: 12px !important; margin-bottom: 10px !important;text-align: center !important;letter-spacing: 0 !important;text-overflow: ellipsis;overflow: hidden;height: 20px;white-space: nowrap;}
article.ProductList p.ProductPrice {color: #C62828 !important; font-size: 12px !important;margin-top: 20px !important;line-height: 1.5em !important;text-align: center !important;}
article.ProductList span.ProductPriceLarge {color: #C62828 !important; font-size: 15px !important; font-weight: bold !important;}
article.ProductList:hover a {text-decoration: underline !important;}
.ItemBox.clearfix {display: flex !important;flex-wrap: wrap !important; justify-content:space-between; margin: 0 auto !important;width: 100% !important;max-width: 1040px !important;}
.ItemBox h3 img {margin: 15px 0 0 !important;}
.flex-control-nav li a {background: #ccc !important; border: none !important;}
.flex-control-paging li a.flex-active {background: #434343 !important;}
.flexslider:hover .flex-direction-nav .flex-prev {color: rgba(0, 0, 0, 0) !important;}
.flexslider:hover .flex-direction-nav .flex-next {color: rgba(0, 0, 0, 0) !important;}
.flex-direction-nav .flex-next {text-align: right !important;position: absolute !important;right: 0 !important;top: 212px !important; width: 20px; height: 20px;}
.flex-direction-nav .flex-prev {position: absolute !important;top: 212px !important; left: 0px !important; width: 20px; height: 20px;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.FeaturedProducts article a {width: 188px;height: 188px;}
/* =====================================================================================
ここからカテゴリーから選ぶ用CSS */
section.SelectCategory {}
section.SelectCategory article {width: 198px;height: 198px; width: 48.5%; margin: 0 0 3%;}
section.SelectCategory h4.CateTitle {text-align: center;margin: 30px 0 10px;border-bottom: 1px dashed #ccc;padding-bottom: 8px;font-size: 16px; color: #434343; font-weight: normal;}
section.SelectCategory h4.CateTitle i {margin-right: 5px; color: #434343;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.SelectCategory article a {width: 188px;height: 188px;}
/* =====================================================================================
ここから最近チェックした商品用CSS */
section.ViewdProducts {}
section.ViewdProducts article {width: 198px;height: 200px;}
ul.sysHorizontal {width: 1040px;margin: 0 auto;display: flex;justify-content: flex-start;flex-wrap:wrap;}
.Recommnd-Item .sysContent .sysHorizontal li {float: none;width: 198px;padding: 5px;background: #fff;margin: 5px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.35);}
.sysItemName a {font-size: 14px;text-align: left !important;display: block;margin: 10px 0;}
.sysItemPrice {font-size: 14px;text-align: left;font-weight: bold;color: #c62828;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.ViewdProducts article a {width: 188px;height: 188px;}
/* --------------------------------------------------------------------------
ここからフッター用CSS*/
main#MainContents-System {position: relative; height: 100%;min-height: 100%;}
/*section.ViewdProducts {padding-bottom: 1250px;}*/
/*div.footer {height: 1225px; position: absolute; bottom: 0;}*/
footer#footer {width: 100%; background: #eceff1; padding: 135px 0 0px; margin-top:0px;}
footer#footer a:hover {transition-duration:0.7s;}
footer#footer div.FooterBox {width: 1040px; margin:0px auto 0;}
footer#footer div.FooterLine01 {position: relative;}
footer#footer div.FooterLine01 img {width: 1040px; display: block; margin: 0 auto 15px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);}
footer#footer div.FooterLine01 span.Telbtn a {position: absolute; top:77px; left: 380px; display: block; background: #c44d4d; border-radius: 6px; padding: 9px 5px 7px 21px; text-align: center; color: #fff; width: 275px; font-size: 14px; font-weight: bold; line-height:1.4em; text-decoration: none;}
footer#footer div.FooterLine01 span.Telbtn i {color: #fff; font-size: 40px; position: absolute; top:7px; left: 15px;}
footer#footer div.FooterLine01 span.Mailbtn a {position: absolute; top: 115px; right: 35px; background: #c44d4d; display: block; width: 250px; text-align: center; padding: 10px 20px; border-radius: 6px; color: #fff; text-decoration: none; font-size: 16px; box-shadow: 0 3px 0 #8a1e1e, 0 6px 0 rgba(0,0,0,0.2); -webkit-transition: color 0.3s, background 0.3s, box-shadow 0.3s, -webkit-transform 0.3s; transition: color 0.3s, background 0.3s, box-shadow 0.3s, transform 0.3s;}
footer#footer div.FooterLine01 span.Mailbtn a:hover{background: #c44d4d; box-shadow: 0 1px 0 #8a1e1e, 0 3px 0px rgba(0,0,0,0.2); -webkit-transform: translateY(3px); transform: translateY(3px); opacity:1;}
footer#footer div.FooterLine01 span.Mailbtn a:active {color:#fff; background: #c44d4d; box-shadow: 0 0 0 #8a1e1e, 0 0 0px rgba(0,0,0,0.2); -webkit-transform: translateY(6px); transform: translateY(6px); transition-duration: 0.1s; font-family: 'Hiragino'}
footer#footer div.FooterLine02 {display: flex; justify-content: space-between;}
footer#footer section.LeftConts {background: #fff; width: 755px; height: 440px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);}
footer#footer section.LeftConts div {float: left;margin: 15px 0 0 15px;}
footer#footer section.LeftConts .AnotherBox ul {float: left;}
footer#footer section.LeftConts h5 {margin: 10px 0; color: #434343;border-bottom:1px solid #e0e0e0; box-shadow: 0 1px 0 #b5b5b5; width: 90%; padding-bottom: 5px; font-size: 14px;}
footer#footer section.LeftConts h5.textCate {margin: 0px 0 10px;}
footer#footer section.LeftConts h5.textCate2 {margin: 20px 0 10px;}
footer#footer section.LeftConts ul.catebox{width: 235px;}
footer#footer section.LeftConts ul.catebox li a {font-size: 12px; padding: 5px 0; display: block; color: #434343;}
footer#footer section.LeftConts ul.luminousCate06 {margin-left: 15px;}
footer#footer section.RightConts {background: #fff; width: 270px; height: 440px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);}
footer#footer section.RightConts h5 {margin: 15px 0 0 10px; border-bottom: 1px solid #e0e0e0; width: 245px; padding-bottom: 5px; color: #434343; box-shadow: 0 1px 0 #b5b5b5; font-size: 14px;}
footer#footer section.RightConts ul.luminousInfo {margin: 10px 0 0 12px;}
footer#footer section.RightConts ul.luminousInfo li a {font-size: 12px; color: #434343; padding:10px 0; display: block;}
footer#footer div.FooterLine03 {height: 338px;display: flex;justify-content: space-between;}
footer#footer div.FooterLine03 section.companyBox {width: 280px; height: 320px; background: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.35); margin: 15px 15px 0 0;}
footer#footer div.FooterLine03 section.companyBox h6 {margin: 18px 0 0 8px;font-size: 14px;color: #434343;border-bottom: 1px solid #ccc;padding-bottom: 8px;width: 263px;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain {margin: 10px 0 0 15px;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li {font-size: 14px; margin-bottom: 15px; color: #434343;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li span.companyName {display: block; margin-top: 8px; font-size: 18px;color: #434343;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li:first-child {margin-top: 15px;font-weight: bold;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li:nth-child(2) {margin-bottom: 10px;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li:nth-child(3) {margin-left: 21px;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li:nth-child(5) {font-size: 12px;margin-bottom: 10px;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li:last-child {margin-top: 20px;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li i {margin-right: 10px; font-size: 16px;color: #434343;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li a {font-size: 14px; display: block; background: #434343; padding: 10px 15px;width: 245px; border-radius: 3px;margin-left: 4px; color: #fff; text-decoration: none;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li a i {color: #fff;}
footer#footer div.FooterLine03 section.NewsBox {width: 460px; height: 320px; background: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.35); margin: 15px 15px 0 0;}
footer#footer div.FooterLine03 section.NewsBox h6 {margin: 18px 0 0 8px;font-size: 14px;color: #434343;border-bottom: 1px solid #ccc;padding-bottom: 8px;width: 440px;}
footer#footer div.FooterLine03 section.NewsBox section.NewsBoxMain { overflow-y: scroll; overflow-x: hidden; width: 435px; margin: 5px auto 0; height: 265px;}
footer#footer div.FooterLine03 section.NewsBox section.NewsBoxMain span.DayNews {font-size: 12px;margin: 10px 0 5px;display: block;}
footer#footer div.FooterLine03 section.NewsBox section.NewsBoxMain span.DayNews i {margin-right: 5px;}
footer#footer div.FooterLine03 section.NewsBox section.NewsBoxMain p {margin-bottom: 5px; width: 425px; word-break: break-all;font-size: 12px; line-height: 1.4em; border-bottom: 1px dashed #ccc; padding-bottom: 5px; color:#434343;}
footer#footer div.FooterLine03 section.NewsBox section.NewsBoxMain p:last-child {border-bottom: 0;}
footer#footer div.FooterLine04 {display: flex; justify-content: space-between;flex-wrap:wrap; margin-top: 11px;}
footer#footer div.FooterLine04 div {margin-bottom: -2px;}
footer#footer div.FooterLine05 {display: flex; justify-content: center; margin-top: 20px; font-size: 12px; color: #434343; border-top: 1px dashed #434343; padding-top: 20px;}
footer#footer div.FooterLine05 a {display: block; font-size: 12px; color: #191919; padding: 0 5px;}
div.FooterLine06 {background: #434343;padding: 10px 0 6px;text-align: center; margin-top: 20px;}
div.FooterLine06 p {font-size: 12px; color: #fff;text-align:center;}
/* ここからタブ用スクロールバーデザイン変更用CSS */
section.NewsBoxMain::-webkit-scrollbar{overflow:hidden;width:4px;background:#eceff1;}
section.NewsBoxMain::-webkit-scrollbar:horizontal{height:1px;}
section.NewsBoxMain::-webkit-scrollbar-button{display:none;}
section.NewsBoxMain::-webkit-scrollbar-piece{background:#eceff1;}
section.NewsBoxMain::-webkit-scrollbar-piece:start{background:#eceff1;}
section.NewsBoxMain::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.55); border-radius:2px;}
section.NewsBoxMain::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0.55); border-radius:2px;}
/* --------------------------------------------------------------------------
ここからトップへ戻るボタン用CSS */
div.TopBack {position: fixed;bottom: 50px;right: 30px; z-index: 9999;}
div.TopBack a {background: #607d8b;border-radius: 50%;height: 80px;width: 80px;display: block;box-shadow: 0px 0px 1px #607d8b;border: 3px solid #fff;}
div.TopBack a:hover {text-decoration: none;transition-duration: 0.5s;}
span.TopBackTxt {text-align: center;display: block;position: relative;top: 26px;line-height: 1.5em;color: #fff;font-weight: bold;font-size: 12px;}
/* --------------------------------------------------------------------------
ここからインデックスSVGアイコン用CSS */
h3.SectionTitleBox svg.svg_icon {width:45px; height:25px; position:relative; top:4px;}
h4.CateTitle svg.svg_icon {width:45px; height:25px; position:relative; top:7px;}
#sysAside {display:none;}
div.header_sm {display:none;}
div.footer_sm {display:none;}
.sysItemCategoryPankuzu {text-align: left;margin-bottom: 25px !important;margin-top: 30px;margin-left: 15px;}
/*==========================================
ここから商品説明タブ用CSS*/
header.infomation {height: 80px !important;}
div#tabBoxes div ul.clearfix li {width:49%;}
div#tabBoxes div ul.clearfix li img {width:100%;}
div.ItemDescription {margin: 0px auto 0; width:100%; max-width:505px;}
#tabMenuProduct ul{width:500px;margin: 0 auto;}
#tabMenuProduct li {float: left;width: 26% !important;height: 45px;line-height: 50px;text-align: center;font-size: 14px;border-radius: 10px 10px 0 0;position: relative;z-index: 2;cursor: pointer;font-weight: bold;letter-spacing: 1.2px;color: #759caa;}
#tabMenuProduct li:last-child {width:48% !important;}
#tabBox1,#tabBox2,#tabBox3{width:515px;padding: 5px;background:#fff;line-height: 1.5em;font-size:14px;margin:0 auto;}
#tabBox2, #tabBox3 {display:none;}
#tabMenuProduct li.select{border: 1px solid #ccc;border-bottom: 1px solid #eceff1;color: #434343;}
div.borderBottom {border-top: 1px solid #ccc;position: relative;top: 45px;z-index: 1;}
#tabMenuProduct li:hover {text-decoration: underline;}
#tabMenuProduct li.select:hover{text-decoration: none;cursor: default;}
/* 商品紹介用css
==================================================================*/
div#tabBox1 p {font-size: 14px;color: #434343;margin-top: 10px;}
.ProductTabIMG {margin:15px 0 10px; width:100%; max-width:530px;}
/* 商品仕様用css
==================================================================*/
/*==================================================================
2016/09/20 商品仕様615px版
==================================================================*/
table.products {width: 100%; text-align: left; margin: 10px 0;}
table.products thead tr th {padding: 7px 0 7px 3px; font-size: 1.2em; border-bottom: 1px solid #ccc;}
table.products tbody th {width: 20%; vertical-align: middle;}
table.products tbody th, table.products tbody td {border-bottom: 1px solid #ccc; padding: 10px 5px;}
/* ユーザーガイド部分のCSS
==================================================================*/
#tabBox3 ul li {float: left;margin-bottom:3px;}
#tabBox3 ul li:nth-child(odd){margin-right: 7px;}
#tabBox3 ul.clearfix.UserGuideBox {display: flex;flex-wrap: wrap;justify-content: center;}
/*==========================================
ここからモーダルウィンドウ用CSSここから*/
.modal-content {width: 825px;margin: 0 auto;padding: 8px 8px;border: 1px solid #aaa;background: #eceff1;position: fixed;display: none;z-index: 2;overflow-x: hidden;overflow-y: scroll;height: 710px;}
.modal-overlay {z-index: 1 ;display: none ;position: fixed ;top: 0 ;left: 0 ;width: 100% ;height: 120% ;background-color: rgba(236,239,241,0.75);}
.button-link2 {font-size: 40px;display: block;margin: 20px 0 0 auto;width: 50px;position: fixed;top: -15px;right: -12px;}
.button-link2:hover {text-decoration: none;cursor: pointer;}
.button-link {margin-top: 5px;}
/* ここから全体スクロールバーデザイン変更用CSS */
.modal-content::-webkit-scrollbar{overflow:hidden;width:4px;background:#eceff1;}
.modal-content::-webkit-scrollbar:horizontal{height:1px;}
.modal-content::-webkit-scrollbar-button{display:none;}
.modal-content::-webkit-scrollbar-piece{background:#eceff1;}
.modal-content::-webkit-scrollbar-piece:start{background:#eceff1;}
.modal-content::-webkit-scrollbar-thumb{background:#607d8b; border-radius:2px; position: relative;z-index: 9999;}
/* =====================================================================================
ここから項目選択肢追加時用CSS */
div#sysSelections {margin: 15px 0 45px;font-size:14px;}
div#sysSelections div {color: #434343 !important;}
form#sysCartInForm select {display: block;padding: 8px 30px 8px 0px;width: 80%;/*appearance: none;-webkit-appearance: none;181219様子見でコメントアウト。問題なければそのうち削除する*/ margin: 5px 0 20px;outline:none;}
/* =====================================================================================
ここからバリエーション在庫商品用CSS */
div#sysVariation {margin-bottom: 70px;}
#sysItemDetail .sysFormVariationTable {border-collapse: collapse;border: #CCCCCC 1px solid;margin: 5px 0 8px 0;width: 485px;}
#sysItemDetail .sysFormVariationName {background-color: #ffffff;border: #CCCCCC 1px solid;padding: 8px;font-weight: normal;color: #434343;}
/* =====================================================================================
ここから数量選択部分用CSS */
div#sysNumber {font-size: 14px;position: relative;left: 5px;top: -18px;text-align:left;line-height:1.5em;}
.sysNumArea {height: 27px;margin-left: 10px;width: 15px;position: absolute;top: 22px;left: 95px;}
div#sysNumber select {width: 125px;padding: 5px 0;margin: 0px;display: block;line-height:1em;}
button.sysBtnPlus { -webkit-appearance: none;background: none;border: 0;text-indent: -74px;overflow: hidden;text-align: center;font-size: 12px;outline: none;display: block;cursor: pointer;width: 0;height: 0;border-style: solid;border-width: 0 7.5px 10px 7.5px;border-color: transparent transparent #545454 transparent;display: none;}
button.sysBtnMinus {-webkit-appearance: none;background: none;border: 0;text-indent: -115px;overflow: hidden;font-size: 12px;outline: none;cursor: pointer;width: 0;height: 0;border-style: solid;border-width: 10px 7.5px 0 7.5px;border-color: #545454 transparent transparent transparent;margin-top: 3px;display: none;}
button.sysBtnPlus:after {font-family: FontAwesome;content: '\f0d8';margin-left: 5px;font-size: 20px;color: #434343;display: none;}
button.sysBtnMinus:after {font-family: FontAwesome;content: '\f0d7';margin-left: 5px;font-size: 20px;color: #434343;display: none;}
/* =====================================================================================
ここからカートに入れるボタン用CSS */
.sysForm.sysDisplayKeitaiNone {margin-top: 10px;}
form#sysCartInForm {position: relative;}
/*div#sysSubmit {position: absolute;bottom: 12px;left: 180px;}*/
input.sysCartButton.sysCartInButton.sysAddGoCartButton {cursor: pointer;outline: none;font-size: 18px;color: #fff;border: 0;border-radius: 5px;text-indent: -9999px;background: url('http://perfect-floors.jp/img/test/new-top/AddToCart.png') no-repeat;width: 310px;height: 70px; position:relative; top:0px;left:30px;}
input.sysCartButton.sysCartInButton.sysAddGoCartButton:hover {opacity:0.8;transition-duration:0.5s;}
input.sysCartButton.sysGoCartButton {padding: 9px 0;margin: 0;display: block;border: 1px solid #000000;background: #434343;font-size: 14px;color: #fff;border-radius: 3px;width: 100%;height: 18px;box-sizing: initial;cursor: pointer;}
input.sysCartButton.sysGoCartButton:hover {transition-duration:0.5s; opacity: 0.8;}
/* =====================================================================================
ここから商品名用CSS */
.sysItemName.sysDisplayKeitaiNone h1 span {color: #434343;}
.sysBlock.ProductHeadName div.sysItemName h1 span {color: #fff;}
/* =====================================================================================
ここから商品管理番号用CSS */
.sysItemId.sysDisplayKeitaiNone span {color: #ccc;}
.sysItemId.sysDisplayKeitaiNone {margin: 15px 0;color: #ccc;}
/* =====================================================================================
ここから商品価格用CSS */
span.sysRetailPriceValue {font-size: 28px;font-weight: bold;}
#sysItemDetail .sysRetailPrice span {color: #434343;}
span.sysRetailPriceValue {color: #cb3535 !important;}
.sysBlock.ProductHeadName .sysItemName.sysDisplayKeitaiNone {display:none;position: relative;top: -90px;color: #ffffff;font-size: 12px;text-overflow: ellipsis !important;overflow: hidden !important;height: 20px !important;width: 700px !important;white-space: nowrap !important;text-align: left;}
.sysBlock.ProductHeadName {position: relative;top: -30px;}
div#sysExplanation {display: none;}
.sysItemImages.sysDisplayKeitaiNone {margin-top: 20px;}
.sysMainImage.sysMainImageModal {margin-top: 10px;}
.sysCategoryPankuzu.sysDisplayKeitaiNone {margin-left: 10px;}
/* =====================================================================================
ここからマイページ設定用CSS */
.sysMypageNav {display: block;width:100%;max-width: 1040px;margin: 50px auto 15px;}
.sysMypageNav form {margin: 0px 6px;}
.sysMypageNav form input.sysButton {background: #607d8b;-webkit-appearance: none;border: 0;padding: 16px 30px 10px;width:100%;font-size: 24px;color: #fff;outline: none;border-radius: 10px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);}
.sysMypageNav form input.sysButton:hover {transition-duration: 0.5s;opacity: 0.8;}
div#sysMain h2.sysMypageMajorHeadLine {font-size: 14px;color: #434343;margin-left: 0px; display:none;}
h2.sysMypageMajorHeadLine {position: relative;top: -27px;left: 10px;color: #fff !important;font-weight: normal;}
.sysFreeArea {margin-top: 0px;margin-left:10px;font-size: 16px;line-height: 1.5em;}
h3.SysMypageMinorHeadLine {font-size: 18px;color: #434343;margin: 30px auto 8px;border-bottom: 1px dashed #ccc;padding-bottom: 5px;}
.sysOrderHistory p {font-size: 18px;color: #434343;font-weight: normal;}
/* =====================================================================================
ここからマイページログイン設定用CSS */
.sysLoginForm {margin: 0 0 50px;}
.sysLoginForm form .sysFormItem .sysFormField input[type="email"] {width: 500px;padding: 8px 0 8px 5px;-webkit-appearance: none;outline: none;margin: 10px 0;border-radius: 6px;border: 1px solid #ccc;font-size: 18px;}
.sysLoginForm form .sysFormItem .sysFormField input[type="password"] {width: 500px;padding: 8px 0 8px 5px;-webkit-appearance: none;outline: none;margin: 10px 0;border-radius: 6px;border: 1px solid #ccc;font-size: 18px;}
.sysLoginForm form {width: 500px;margin: 0 auto;}
.sysLoginForm form input.sysLoginButton {width: 500px;margin: 20px auto 10px;text-align: center;display: block;padding: 8px 0;border: 1px solid #ccc;background: #607d8b;color: #fff;border-radius: 5px;font-size: 14px; outline:none; cursor:pointer;}
.sysLoginForm form input.sysButton {-webkit-appearance: none !important;background: #434343;border: 1px solid #ccc;border-radius: 5px;padding: 8px 0;width: 500px;display: block;margin: 0 auto;color: #fff;font-size: 14px; outline:none; cursor:pointer;}
/* =====================================================================================
ここから会員登録ページ用CSS */
p.ta_center {margin: 0;}
a.myButton_05 {margin-bottom: 15px;display: block;padding: 10px 0 10px 5px;background: #607d8b;width: 210px;border: 1px solid #ccc;color: #fff;border-radius: 5px;}
a.myButton_05 i.fa.fa-pencil.fa-fw {color: #fff;margin-right: 2px;}
.sysMemberAgreementFormLabel {padding: 0px;margin-bottom: 10px;display: block;color: #434343;font-weight: bold;}
.sysMemberAgreement {border: 1px solid #888888;height: 100%;min-height: 220px;overflow-x: hidden;overflow-y: auto;padding: 5px;line-height: 1.5em;}
.sysForm label {display: inline;margin-top: 15px;font-size: 15px;padding: 0 0 7px;}
input[type="checkbox"] {border: 1px solid #ccc;width: 20px;height: 20px;background: #fff;box-sizing: initial !important;margin-right: 5px;position: relative;top: -2px;}
form#form_main .sysForm {margin-top: 20px;}
.sysFormItem.sysName {border-top: 1px dashed #ccc;border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 10px 0 5px;}
.sysFormItem.sysNameKana {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysZipcode {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysPrefStateId {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysAddress1 {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysAddress2 {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysTel {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysMailaddress {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
/*.sysFormItem.sysMemberId {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}*/
.sysFormItem.sysMemberPassword {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysFax {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysGender {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysBirthday {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysAcceptMailmagazine {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
input.sysButton {margin-top: 10px;background: #434343;color: #fff;width: 500px;padding: 14px 0;border-radius: 5px;border: 1px solid #ccc;font-weight:normal; font-size:14px;}
.sysFormField input[type="text"] {width: 500px;padding: 8px 0 8px 5px;margin-top: 8px;border-radius: 5px;border: 1px solid #ccc;}
.sysFormItem sysBirthday .sysFormField input[type="text"] {display: inline;margin: 5px 8px 8px 5px;position: relative;top: -2px;}
.sysFormField select {width: 500px;padding: 8px 0 8px 5px;border: 1px solid #ccc;border-radius: 5px;margin-top: 8px;}
.sysFormField input[type="tel"] {width: 500px;padding: 8px 0 8px 5px;margin-top: 8px;border-radius: 5px;border: 1px solid #ccc;}
.sysFormField input[type="password"] {width: 500px;padding: 8px 0 8px 5px;margin-top: 8px;border-radius: 5px;border: 1px solid #ccc;}
.sysFormField input[type="email"] {width: 500px;padding: 8px 0 8px 5px;margin-top: 8px;border-radius: 5px;border: 1px solid #ccc;}
.sysFormItem.sysBirthday .sysFormField {margin: 5px 0 0; width:550px;}
button.sysButton.btn {background: #434343;border-radius: 5px;color: #fff;width: 500px;}
button.sysButton.btn:hover {transition-duration: 0.5s;opacity: 0.8;}
ul.sysFormField {margin-top: 8px;}
ul.sysFormField label {margin: 0 25px 0 0px;}
ul.sysFormField label input[type="radio"] {width: 15px;height: 15px;}
.sysFormItem.sysAcceptMailmagazine .sysFormField {margin-top: 8px;}
input.sysNextSubmit {background: #607d8b;border: 1px solid #ccc;width: 500px;padding: 10px 0 10px 0px;color: #fff;font-weight: bold;margin-top: 10px;border-radius: 5px;}
.sysWithdrawal p {color: #c44d4d !important;line-height: 1.5em;font-size: 14px;padding-bottom: 0px;}
.sysWithdrawal {margin-top: 10px;}
/*h3.sysMypageMinorHeadLine {position: relative;top: -45px;left: 35px;font-weight: normal;letter-spacing: 2px;color:#fff !important;}*/
.sysOrderHistory {margin-left: 10px;}
div.footerCate {display:none;}
/* =====================================================================================
ここからカテゴリページ825px用CSS */
.sysPagination {margin-top: 20px;}
.sysPagination a {font-size: 14px !important;}
.SideNavi .sysContent {padding: 0px;}
.sysItemCategoryPankuzu {margin-bottom: 12px;}
.sysItemCategoryPankuzu a {font-size: 14px;}
.sysItemCategoryCtl {font-size: 14px;line-height: 1.5em;}
.sysItemListDisp div {font-size: 14px;}
ul.sysThumbnail {display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 15px;}
/* 190927 不具合があるので一旦コメントアウト .sysItemList ul.sysThumbnail li {float: none;width: 198px;padding: 5px;background: #fff;margin: 0 5px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.35);}*/
.sysItemName a {font-size: 14px;}
.sysRetailPrice {margin: 5px 0;font-weight: bold;color: #c44d4d;font-size:14px;}
/* オプションを選ぶボタン */
input.sysCartButton.sysCartInButton {width: 188px;padding: 5px 0;background: #c44d4d;color: #fff;border-radius: 3px;border: 1px solid #8a1e1e;margin-top: 5px;outline:none;}
/* バリエーションを選ぶボタン */
input.sysCartButton.sysSelectCartButton.sysStockTypeVariation {width: 188px;padding: 5px 0;background: #c44d4d;color: #fff;border-radius: 3px;border: 1px solid #8a1e1e;margin-top: 5px;outline:none;}
/* カートへ入れるボタン */
input.sysCartButton.sysSelectCartButton.sysItemSelection {width: 188px;padding: 5px 0;background: #c44d4d;color: #fff;border-radius: 3px;border: 1px solid #8a1e1e;margin-top: 5px;outline:none;}
.sysAddVariation {font-size: 14px;}
.sysAddSelection div {font-size: 14px;}
.sysItemListDisp {margin-bottom: 5px;}
ul.sysThumbnail form {margin-top: 10px;}
.sysItemListViewType label:last-child {display: none;}
.sysAddSelection select {margin: 5px 0;width: 100%;}
/* =====================================================================================
グランドナビゲーション用CSSここから */
div#header{z-index:15;width:65pc;margin:0 auto;height:75pt}
div#header div#notice_header div{width:65pc;margin:0 auto;text-align:right;position:relative}
ul#navi_global{clear:both;overflow:hidden;width:100%;max-width:65pc;margin:0 0 9pt;padding-top:0;height:75pt}
ul#navi_global li{margin:0 0 8px;height:35px;border-left:1px solid #b5b4b4;float:left;cursor:pointer;font-size:11px;position:relative;text-align:left;padding:10px 0 0 40px;background:#eceff1}
ul#navi_global li span.SmallTxt{display:block;text-align:left;cursor:pointer;font-size:11px;position:absolute;bottom:22px;right:8px}
ul#navi_global li span.SmallsubTxt{display:block;font-size:10px;position:absolute;bottom:8px;left:41px;color:#080808;font-weight:100;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:0 0;transform-origin:0 0}
ul#navi_global li:first-child{width:106px;margin-left:0}
ul#navi_global li:nth-child(2){width:128px;}
ul#navi_global li:nth-child(3){width:128px}
ul#navi_global li:nth-child(4){width:120px}
ul#navi_global li:nth-child(5) {width: 116px;}
ul#navi_global li:nth-child(6) {width: 105px;}
ul#navi_global li:nth-child(7) {width: 49px;margin-right: 0;}
ul#navi_global li:nth-child(8) {width: 105px;margin-left: 0;margin-bottom: 5px;}
ul#navi_global li:nth-child(9) {width: 129px;margin-bottom: 5px;}
ul#navi_global li:nth-child(10) {width: 128px;margin-bottom: 5px;}
ul#navi_global li:nth-child(11) {width: 120px;margin-bottom: 5px;}
ul#navi_global li:nth-child(12) {width: 116px;margin-bottom: 5px;}
ul#navi_global li:nth-child(13) {width: 105px;margin-bottom: 5px;}
ul#navi_global li:last-child {width: 49px;margin-right: 0;margin-bottom: 5px;}
ul#navi_global li i.fa.fa-taxi {/* margin: 2px 3px 0 5px; */position: absolute;top: 15px;left: 10px;font-size: 13px;color: #ccc;}
ul#navi_global li span.svgIcon {/* margin: 2px 3px 0 5px; */position: absolute;top: 10px;left: 5px;font-size: 13px;color: #ccc;}
ul#navi_global li span.circle {/* margin: 2px 3px 0 5px; */display: block;width: 25px;height: 25px;border-radius: 50%;background: #dcdcdc;position: absolute;left: 5px;bottom: 10px;}
/*path {fill: #989898;}*/
/* ====== hoverここから ====== */
.tab li:hover {color: #607d8b !important;transition-duration: 0.3s !important;border-left: 1px solid rgb(97,131,158) !important;}
.tab li:hover span.circle {background: #607d8b !important;transition-duration: 0.3s !important;}
.tab li:hover span.SmallTxt {color: #607d8b !important;transition-duration: 0.3s !important;}
.tab li:hover span.SmallsubTxt {color: #607d8b !important;transition-duration: 0.3s !important;}
.tab li:hover i.fa.fa-taxi {color: #fff !important;transition-duration: 0.3s !important;}
.tab li:hover path {fill: #fff;}
.tab li:hover polygon {fill: #fff;}
/* ====== selectここから ====== */
.tab li.select {color: #607d8b !important;border-left: 1px solid #607d8b !important;}
.tab li.select span.circle {background: #607d8b !important;}
.tab li.select span.SmallTxt {color: #607d8b !important;}
.tab li.select span.SmallsubTxt {color: #607d8b !important;}
.tab li.select i.fa.fa-taxi {color: #fff !important;}
.tab li.select path {fill: #fff;}
.tab li.select polygon {fill: #fff;}
/* ====== スクロールで出てくる矢印ここから ====== */
p#navi_arrow {font-size: 35px;position: absolute;top: 10px;left: 50%;width: 1040px;text-align: center;}
p#navi_arrow i.NaviIcon {color: #434343 !important;padding: 0px 20px !important;font-size: 30px !important;position: absolute !important;left: 11px !important;top: 40px !important;z-index: 9999 !important;width: 20px;}
p#navi_arrow span.txtNavi {font-size: 14px;font-weight: bold;color: #434343;position: absolute;top: 0px;left: -42px;width: 100%;margin: 0 auto;z-index: 9999;background: #fff;width: 80px;height: 55px;padding-top: 25px;border-radius: 50%;display: block;margin: 0 auto;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.11);}
p#navi_arrow i.fa-angle-down {color: #434343;position: absolute;top: 40px;left: -12px;z-index: 9999;}
/* ====== 絶対記入 ====== */
.fixed {position: fixed;top: 32px;width: 100%;z-index: 10000;}
/* ======================================
タブ用CSSここから */
a:hover {text-decoration: none;}
/*.hide {display: none;width: 100%;max-width: 1040px;height: 170px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;margin: 0px auto;padding: 0px;background-color: rgba(255, 255, 255, 0.9);z-index: 9999;position: absolute;bottom: -160px;}*/
ul.show li {float: left;margin:0px 0px 30px;}
ul.show li:first-child {margin-left: 0px;}
ul.show li:nth-child(8) {margin-left: 10px;}
ul.show li:nth-child(8) {margin-left: 10px;}
ul.show li a {font-size:12px !important;font-weight: bold;color: #434343;padding: 20px;}
ul.show li a:hover {color: #769FAF !important;}
/*-------------------------------------------------------------------------*/
.widthFix {width: 750px;position: absolute;left: 5px;top: 20px;}
.widthFix li {float: left;margin: 0px 15px 30px;}
ul.show li:nth-child(8) {margin-left: 10px;}
ul.show li a {font-size:12px !important;font-weight: bold;color: #434343;}
ul.show li i {margin-right: 5px;}
/* -------------------------------------------------------------------------------------------------------------------
ツールチップここから */
.tooltip-Img {display: inline;}
.tlimg:hover:before {width: 230px;position: absolute;right: -272px;top: 113px;text-align: left;line-height: 1.3em;color: #434343;opacity: 1;}
.tlimg:hover:after {color: #fff;content: attr(title);margin: 3px 8px;width: 230px;height: 110px;position: absolute;top: -8px;right: -280px;opacity: 1;border: 1px solid #ccc;}
.tlimg:hover {opacity: 1;}
/* -- 横幅46~50ラック -- */
.tooltip-Img-1:hover:before {content: "eee";}
.tooltip-Img-1:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0001.jpg");}
/* -- 横幅60ラック -- */
.tooltip-Img-2:hover:before {content: "横幅狭めで使いやすい 全34種類";}
.tooltip-Img-2:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0002.jpg");}
/* -- 横幅76ラック -- */
.tooltip-Img-3:hover:before {content: "意外とちょうどいいサイズ 全28種類";}
.tooltip-Img-3:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0003.jpg");}
/* -- 横幅90ラック -- */
.tooltip-Img-4:hover:before {content: "大人気の定番サイズ 全34種類";}
.tooltip-Img-4:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0004.jpg");}
/* -- 横幅120ラック -- */
.tooltip-Img-5:hover:before {content: "豊富な収納力 全25種類";}
.tooltip-Img-5:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0005.jpg");}
/* -- BIGラック -- */
.tooltip-Img-6:hover:before {content: "倉庫やショップのバックヤードに最適な 業務用ラック 全24種類";}
.tooltip-Img-6:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0006.jpg");}
/* -- 径25mmパーツ -- */
.tooltip-Img-7:hover:before {content: "ポール径25mmラックのDIY、カスタマイズ用のパーツ";}
.tooltip-Img-7:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0008.jpg");}
/* -- 径共通パーツ -- */
.tooltip-Img-8:hover:before {content: "ポール径25mm/19mmどちらのラックにも使えるカスタムパーツ";}
.tooltip-Img-8:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0007.jpg");}
/* -- オリジナルパーツ -- */
.tooltip-Img-9:hover:before {content: "当店グループ店舗でしか買えない便利な カスタムパーツ";}
.tooltip-Img-9:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0009.jpg");}
/* -- 径19mmパーツ -- */
.tooltip-Img-10:hover:before {content: "ポール径19mmラックのDIY、カスタマイズ用のパーツ";}
.tooltip-Img-10:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0011.jpg");}
/* -- 径共通パーツ -- */
.tooltip-Img-11:hover:before {content: "ポール径25mm/19mmどちらのラックにも使えるカスタムパーツ";}
.tooltip-Img-11:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0007.jpg");}
/* -- オリジナルパーツ -- */
.tooltip-Img-12:hover:before {content: "当店グループ店舗でしか買えない便利な カスタムパーツ";}
.tooltip-Img-12:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0010.jpg");}
/* -- メタルルミナス -- */
.tooltip-Img-13:hover:before {content: "棚耐荷重80kg ホームユースに最適な 大人気シリーズ";}
.tooltip-Img-13:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0012.jpg");}
/* -- ルミナススリム -- */
.tooltip-Img-14:hover:before {content: "棚耐荷重135kg ご家庭やオフィスでも大活躍の実用性";}
.tooltip-Img-14:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0013.jpg");}
/* -- プロ仕様 ルミナス -- */
.tooltip-Img-15:hover:before {content: "棚耐荷重250kg プロが認めたルミナス最上位モデル";}
.tooltip-Img-15:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0014.jpg");}
/* -- オリジナルプロ250 -- */
.tooltip-Img-16:hover:before {content: "棚耐荷重250kg 当店オリジナル商品！価格を抑えたハイスペック6段ラック";}
.tooltip-Img-16:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0015.jpg");}
/* -- ルミナスBIGラック -- */
.tooltip-Img-17:hover:before {content: "倉庫やショップのバックヤードに最適な 業務用ラック 全24種類";}
.tooltip-Img-17:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0006.jpg");}
/* -- メタルルミナス -19mm- -- */
.tooltip-Img-18:hover:before {content: "棚耐荷重80kg 組み立て簡単！細身の ポールが女性に嬉しい軽量ラック";}
.tooltip-Img-18:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0016.jpg");}
/* -- ルミナスライト -- */
.tooltip-Img-19:hover:before {content: "棚耐荷重150kg ご家庭のどんな場所 でも使えるハイスペックモデル";}
.tooltip-Img-19:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0017.jpg");}
/* -- 突っ張り耐震ラック -- */
.tooltip-Img-20:hover:before {content: "地震が起きても安心 天井と突っ張る耐震ラック";}
.tooltip-Img-20:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0018.jpg");}
/* -- ルミナス耐震アイテム -- */
.tooltip-Img-21:hover:before {content: "お手持ちのラックを耐震ラックに変える カスタムパーツ";}
.tooltip-Img-21:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0019.jpg");}
/* -- キッチンワゴン -- */
.tooltip-Img-22:hover:before {content: "機能的で美しい空間を演出するキッチン収納";}
.tooltip-Img-22:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0020.jpg");}
/* -- キッチン隙間収納 -- */
.tooltip-Img-23:hover:before {content: "出し入れラクラク ハンドルが付いた隙間収納";}
.tooltip-Img-23:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0021.jpg");}
/* -- レンジ台 -- */
.tooltip-Img-24:hover:before {content: "レンジが置けて、スライドシェルフが付いたオールインワン仕様";}
.tooltip-Img-24:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0022.jpg");}
/* -- マルチ収納キッチンラック -- */
.tooltip-Img-25:hover:before {content: "キッチンのあらゆるシーンで活躍するコンパクトサイズのラック";}
.tooltip-Img-25:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0023.jpg");}
/* -- 調味料ラック -- */
.tooltip-Img-26:hover:before {content: "お料理がはかどる 調味料の整理に最適な超小型ラック";}
.tooltip-Img-26:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0024.jpg");}
/* -- ディスプレイラック -- */
.tooltip-Img-27:hover:before {content: "棚耐荷重20kg リビングがオシャレに 変わるルミナス新シリーズ";}
.tooltip-Img-27:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0025.jpg");}
/* -- ルミナスガーデン -- */
.tooltip-Img-28:hover:before {content: "屋外でも使えるガーデニングラック";}
.tooltip-Img-28:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0026.jpg");}
/* -- ルミナスブラック -- */
.tooltip-Img-29:hover:before {content: "ブラックニッケルの輝きがスタイリッシュなお部屋を演出";}
.tooltip-Img-29:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0027.jpg");}
/* -- ハンガーラック -- */
.tooltip-Img-30:hover:before {content: "信頼のドウシシャ製 多彩なデザインと 機能からお選び頂けます";}
.tooltip-Img-30:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0028.jpg");}
/* -- ルミナスノートパソコンラック -- */
.tooltip-Img-31:hover:before {content: "ノートパソコンの上の空間を有効活用！ 仕事が捗る卓上ラック";}
.tooltip-Img-31:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0029.jpg");}
/* -- ミニラック -- */
.tooltip-Img-32:hover:before {content: "小物収納にピッタリのラック キッチンやリビング、ガーデニングにも";}
.tooltip-Img-32:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0030.jpg");}
/* -- カラーラック -- */
.tooltip-Img-33:hover:before {content: "シックな色や可愛らしいパステル調など 豊富なカラー展開";}
.tooltip-Img-33:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0031.jpg");}
/* -- ルミナスデスク -- */
.tooltip-Img-34:hover:before {content: "カスタマイズ自由自在 ルミナスの実用性を詰め込んだデスク";}
.tooltip-Img-34:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0032.jpg");}
/* -- テレビ台 -- */
.tooltip-Img-35:hover:before {content: "テレビ周りがスッキリ片付く ルミナスのテレビ台";}
.tooltip-Img-35:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0033.jpg");}
/* -- ウッドシェルフラック -- */
.tooltip-Img-36:hover:before {content: "木製シェルフがお部屋になじむサイドテーブルや本棚など";}
.tooltip-Img-36:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0034.jpg");}
/* -- ウッドラック -- */
.tooltip-Img-37:hover:before {content: "木のぬくもり溢れるデザイン。リビングはもちろんキッチンや玄関にも";}
.tooltip-Img-37:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0035.jpg");}
/* -- 作業台ラック -- */
.tooltip-Img-38:hover:before {content: "ガレージや倉庫内での効率的な作業をサポートするルミナス";}
.tooltip-Img-38:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0036.jpg");}
/* -- ワードローブ -- */
.tooltip-Img-39:hover:before {content: "コートから小物類まで これ一台に全て収納できます";}
.tooltip-Img-39:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0037.jpg");}
/* -- ランドリー -- */
.tooltip-Img-40:hover:before {content: "洗濯機の上の空間を便利に有効活用！クリアコーティング仕様で湿気にも強い";}
.tooltip-Img-40:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0038.jpg");}
/* -- 本棚 -- */
.tooltip-Img-41:hover:before {content: "豊富なサイズと機能を取り揃えたブックシェルフ";}
.tooltip-Img-41:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0040.jpg");}
/* -- ワインホルダー -- */
.tooltip-Img-42:hover:before {content: "ワインボトルを美しく保管することのできるラック";}
.tooltip-Img-42:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0039.jpg");}
/* -- デザイナーズラック -- */
.tooltip-Img-43:hover:before {content: "ハイセンスな空間を演出する定番のS字型ラック";}
.tooltip-Img-43:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0041.jpg");}
/* -- 鏡・ミラー -- */
.tooltip-Img-44:hover:before {content: "女性にも扱いやすい軽量タイプのミラー 信頼のドウシシャ製品";}
.tooltip-Img-44:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0042.jpg");}
/* -- デスク -- */
.tooltip-Img-45:hover:before {content: "ガラス天板のオシャレなデスク";}
.tooltip-Img-45:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0043.jpg");}
/* -- チェア -- */
.tooltip-Img-46:hover:before {content: "信頼のドウシシャ製 メッシュタイプのワークチェア";}
.tooltip-Img-46:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0044.jpg");}
/* -- 在庫一掃SALE -- */
.tooltip-Img-47:hover:before {content: "大人気シリーズがキャスター付属！さらに最大1,000円OFF！";}
.tooltip-Img-47:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0045.jpg");}
/* -- 100円均一 -- */
.tooltip-Img-48:hover:before {content: "100円(税抜)でできるラックのカスタマイズ";}
.tooltip-Img-48:hover:after {background-image: url("http://perfect-floors.jp/img/test/new-top/0046.jpg");}
/* ================================= 追加！ ============================================ */
ul#navi_global li svg.svg_icon {width: 25px;height: 25px;position: absolute;top: 0;left: 0;fill:#B5B4B4;}
ul#navi_global li:hover .svg_icon {fill: #fff !important;}
@-webkit-keyframes modalFadeIn {0% {opacity: 0;display: block;} 100% {opacity: 1;}}
@-o-keyframes modalFadeIn {0% {opacity: 0;display: block;} 100% {opacity: 1;}}
@-ms-keyframes modalFadeIn {0% {opacity: 0;display: block;} 100% {opacity: 1;}}
.tlimg:hover:before, .tlimg:hover:after {-moz-animation-name: modalFadeIn;-moz-animation-duration: .8s;-moz-animation-iteration-count: 1;-webkit-animation-name: modalFadeIn;-webkit-animation-duration: .8s;-webkit-animation-iteration-count: 1;-o-animation-name: modalFadeIn;-o-animation-duration: .8;-o-animation-iteration-count: 1;-ms-animation-name: modalFadeIn;-ms-animation-duration: .8s;-ms-animation-iteration-count: 1;opacity: 1;}
ul#navi_global li {box-sizing:initial;-webkit-box-sizing:initial;-moz-box-sizing:initial;-ms-box-sizing:initial !important;-o-box-sizing:initial;}
p#navi_arrow span.txtNavi {box-sizing: initial;}
#sysFooter {padding: 0px;}
.TBFooter .sysContent {padding: 0px;}
.sysExplanation.sysDisplayKeitaiNone {margin: 20px 0;}
div#sysExplanation {display: block;}
.sysFuncText.footer_https.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone {display: none;}
div#Road_nav {display: none;}
.sysBlock.ProductHeadName {margin-left: 0px !important;}
.sysCategoryPankuzu.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone {display: none;}
.sysItemId.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone {display: none;}
.sysBlock.ItemImageBox {width: 75% !important;margin: 0 auto;}
.sysBlock.ItemListBox {display: block !Important;justify-content: space-around !important;}
.sysFuncText.CustomPartsIndex {display: none;}
.sysBlock.ItemFormBox {width: 500px;margin: 0 auto;}
#doukon_j_0725 li {width: 23% !important;height: 23% !important;}
div#Road_j-2 #doukon_j_0725 li {width: 23% !important;}
div#Road_j-2 #doukon_j_0725 li img {width: 100% !important;height: 70% !important;}
/* =============================================================================================================================== */
.sysFuncCartInfo.Price_deli.sysDisplayKeitaiNone {
width: 100%;
max-width: 1040px;
margin: 0 auto;
position: relative;
top: 77px;
}
.Price_deli .sysContent {
padding: 0px !Important;
}
.sysContent dl.sysCartInfoRemainFreeShipping {
display: flex;
justify-content: flex-start;
background: none;
padding: 10px 0;
}
.sysContent dl.sysCartInfoRemainFreeShipping dt {
color: #3a3a3a;
letter-spacing: 1px;
font-weight: normal;
}
.sysContent dl.sysCartInfoRemainFreeShipping dd {
color: #383838;
font-weight: normal;
}
.sysContent dl.sysCartInfoRemainFreeShipping dd span {
letter-spacing: 2px;
color: #212121 !important;
font-weight: normal;
}
.sm_footer .sysContent, .sm_customParts .sysContent, .sm_application .sysContent, .sm_brand .sysContent, .sm_width .sysContent {display:none;}
.sysFuncItemBlock.CustomParts25mm.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {display: none;}
.sysFuncItemBlock.Rack_rankings.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {display:none;}
.sysFuncItemBlock.sm_rackRanking {display: none;}
.sysFuncText.sm_MainHeader.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone {display: none;}
.sysFuncText.sm_RackRankings.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone {display: none;}
.sysFuncText.sm_SelectWidth.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone {display: none;}
.sysFuncText.sm_SelectBrand.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone {display: none;}
.sysFuncText.sm_RecommendItem-brand.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone {display: none;}
.sysFuncText.sm_SelectApplication.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone {display: none;}
.sysFuncText.sm_RecommendItem-application.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone {display: none;}
.sysFuncText.sm_SelectCustomParts.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone {display: none;}
.sysFuncText.sm_Sectionfooter.sysDisplayTabletNone.sysDisplayPcNone.sysDisplayKeitaiNone {display: none;}
}
@media screen and (min-width:1051px){
/*body {
user-select: none !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
-o-user-select: none !important;
}*/
#sysAll{
width:100%;
margin:0 auto;
padding: 0px;
background-color:white;
}
#sysHeader{
width:100%;
margin:0px auto;
clear:both;
margin-bottom:10px;
}
/* =====================================================================================
ここからデフォルト | 全体用CSS */
#sysAll {max-width: 100% !important;width:100%;padding:0px;margin:0 auto;}
/* =====================================================================================
ここからデフォルト | ヘッダー用CSS */
#sysHeader{width:100%;padding:0px;margin:0px auto 60px;clear:both;margin-bottom:0px;}
/* =====================================================================================
ここからデフォルト | コンテンツの大枠用CSS */
div#sysWrap {margin-top: 0px; max-width:100% !important;}
/* =====================================================================================
ここからデフォルト | メインコンテンツ用CSS */
div#sysMain {float: right !important;width: 100% !important;margin-left: -285px !important;}
#sysMain{width:100%;padding:0px;margin:0px auto;min-height: 100% !important;height: 100% !important;height:100%; width:100%; float:right;}
/* =====================================================================================
ここからデフォルト | アサイド用CSS */
#sysAside{width:285px !important;padding: 0px !important;margin: 0px 0 !important;margin-bottom: 0px !important;margin-right: -285px !important;float: left !important;}
aside#LeftFixNavigation section.SideNavigationBox div.h-searchForM input.FreeWordSearch {box-sizing: initial;}
aside#LeftFixNavigation section.SideNavigationBox ul.BtnOption li a {box-sizing: initial;}
div.h-sizeSerch ul li input.SubmitSelect {box-sizing:border-box;}
form.header_SearchBox input.FreeWordSearch {box-sizing:border-box;}
/* =====================================================================================
ここからデフォルト | フッター用CSS */
#sysFooter{width:100%;padding:0px;margin:0px auto;clear:both;margin-bottom:0px;}
/* ------------------------------------------------------------- ここからアイテム用CSS ------------------------------------------------------------- */
/* ここから全体スクロールバーデザイン変更用CSS */
body::-webkit-scrollbar{overflow:hidden;width:15px;background:#eceff1;}
body::-webkit-scrollbar:horizontal{height:1px;}
body::-webkit-scrollbar-button{display:none;}
body::-webkit-scrollbar-piece{background:#eceff1;}
body::-webkit-scrollbar-piece:start{background:#eceff1;}
body::-webkit-scrollbar-thumb{background:#434343; border-radius:2px; position: relative;z-index: 9999;}
/*body::-webkit-scrollbar-corner{background:#607d8b; border-radius:2px;}*/
body a:hover {opacity: 0.7;}
/* =====================================================================================
ここからヘッダー用CSS */
header#MainHeader {width: 100%;height: 21px;background: #434343;padding-top: 10px;position: fixed;top: 0;left: 0;z-index: 9999;box-sizing: initial;}
header#MainHeader h1 {color: #ffab44;font-size: 12px;margin-left: 15px;}
/* =====================================================================================
ここからレフト固定ナビゲーションメニュー用CSS */
aside#LeftFixNavigation {background: #607d8b;width: 285px;height: 100%;position: fixed;padding-top: 0px !important;overflow: hidden;}
/*--ここからロゴボックスエリア--*/
aside#LeftFixNavigation section.SideNavigationBox h2 a img {width: 100%;position: relative;top: 40px;left: -3px;}
/*--ここからサイトナビゲーションエリア--*/
aside#LeftFixNavigation section.SideNavigationBox nav.MainSiteNaviBox {position: relative;top: 90px;left: 15px;}
aside#LeftFixNavigation section.SideNavigationBox nav.MainSiteNaviBox ul li {margin-bottom: 25px;}
aside#LeftFixNavigation section.SideNavigationBox nav.MainSiteNaviBox ul li a {font-size: 14px;color: #fff;}
aside#LeftFixNavigation section.SideNavigationBox nav.MainSiteNaviBox ul li a i {color: #fff;margin-right: 5px;}
/* メインナビゲーション : ホバーアニメーション用CSSここから */
nav.MainSiteNaviBox li a {position: relative;text-decoration: none;}
nav.MainSiteNaviBox li a:hover {opacity: 1;}
nav.MainSiteNaviBox li a:hover:before {visibility: visible;transform: scaleX(1);-webkit-transform: scaleX(1);}
nav.MainSiteNaviBox li a:before {background-color: #fff;bottom: -5px;content: "";position: absolute;width: 100%;height: 1px;left: 0;visibility: hidden;transform: scaleX(0);-webkit-transform: scaleX(0);transition: all .2s ease-in-out 0s;-webkit-transition: all .2s ease-in-out 0s;}
/*--ここからマイページ、お問い合わせ、カートボタンエリア--*/
aside#LeftFixNavigation section.SideNavigationBox ul.BtnOption {position: relative; top: 100px;left: 15px;}
aside#LeftFixNavigation section.SideNavigationBox ul.BtnOption li {text-align: center;float: left;margin-right: 5px;}
aside#LeftFixNavigation section.SideNavigationBox ul.BtnOption li a {font-size: 10px;color: #434343;background: #e0e0e0;width: 75px;height: 35px;line-height: 1.5em;padding-top: 6px;display: block;font-weight: bold;}
aside#LeftFixNavigation section.SideNavigationBox ul.BtnOption li a.AnotherColor {background: #434343;color: #fff;}
aside#LeftFixNavigation section.SideNavigationBox ul.BtnOption li a.AnotherColor i {color: #fff;}
aside#LeftFixNavigation section.SideNavigationBox ul.BtnOption li a:hover {text-decoration: none;}
aside#LeftFixNavigation section.SideNavigationBox ul.BtnOption li i {font-size: 16px;color: #434343;}
/*--ここから電話番号エリア--*/
aside#LeftFixNavigation section.SideNavigationBox ul.TelNumberBox {position: relative;top: 130px;left: 15px;}
aside#LeftFixNavigation section.SideNavigationBox ul.TelNumberBox li {font-size: 12px;color: #fff;margin-bottom: 5px;}
aside#LeftFixNavigation section.SideNavigationBox ul.TelNumberBox li.AnotherSize {font-size: 20px;font-weight: bold;margin-bottom: 10px;letter-spacing: 1px;}
aside#LeftFixNavigation section.SideNavigationBox ul.TelNumberBox li.AnotherSize i {color: #fff;margin-right: 5px;}
/*--ここからフリーワード検索エリア--*/
aside#LeftFixNavigation section.SideNavigationBox div.h-searchForM {position: relative;top: 155px;left: 15px;width: 235px;}
aside#LeftFixNavigation section.SideNavigationBox div.h-searchForM input.FreeWordSearch {border: 0;font-size: 12px;padding: 5px 0 5px 5px;outline: none;height: 20px;}
aside#LeftFixNavigation section.SideNavigationBox div.h-searchForM input.FreeWordSearchSubmit {position: absolute;top: 0;right: -5px;padding: 6px 20px;border: 0;background: none;z-index: 998;cursor: pointer;outline: none;-webkit- appearance: none;}
aside#LeftFixNavigation section.SideNavigationBox div.h-searchForM i {position: absolute;top: 6px;right: 5px;color: #434343;}
/* =====================================================================================
ここからスライダー用CSS */
.slider {margin-top: 0px !important;height:370px; overflow-y:hidden;}
.sp-arrow {position: absolute !important;display: block;width: 20px;height: 30px;cursor: pointer;text-align: center;margin: 0 auto;}
/*.sp-horizontal .sp-next-arrow {left: 40%;bottom: 15px;}
.sp-horizontal .sp-previous-arrow {right: 0px !important;bottom: -15px !important;left: -40% !important;}*/
.sp-slide.sp-selected {-webkit-filter:grayscale(0%);filter:grayscale(0%);}
.sp-slide {-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.sp-arrow {position: absolute !important;display: block;width: 10px !important;height: 50px !important;cursor: pointer;text-align: center;margin: 0 auto;}
.sp-buttons {position: absolute;width: 100px;text-align: center;padding-top: 10px;right: 0;bottom: 10px;}
.sp-selected-button {background-color:#C62828 !important;}
.sp-button {width: 10px;height: 10px;border: 0;border-radius: 50%;margin:0 5px;display: inline-block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;background: #fff;}
.sp-slide.sp-selected {-webkit-filter:grayscale(0%);filter:grayscale(0%);}
.sp-slide {-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.sp-arrow {position: absolute !important;display: block;width: 35px !important;height: 50px !important;cursor: pointer;text-align: center;margin: 0 auto;}
.sp-buttons {position: absolute !important;width: 100px;text-align: center;padding-top: 10px;right: 0;bottom: 10px; width:130px !important;}
.sp-selected-button {background-color:#C62828 !important;}
.sp-button {width: 10px;height: 10px;border: 0 !important;border-radius: 50%;margin:0 5px;display: inline-block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;background: #fff;}
/* =====================================================================================
ここからメインアイテム用共通CSS */
section#ItemBoxIndex {margin: 25px auto 0;width: 1040px;}
section#ItemBoxIndex-2 {margin: 70px auto 0;width: 1040px;}
/*--ここから各項目のタイトル--*/
h3.SectionTitleBox {text-align: center;font-size: 24px;font-weight: bold;color: #434343;border-bottom: 1px solid #bdbdbd;padding-bottom: 5px;box-shadow:0 1px 0 #f1f1f1;font-family: "Hiragino Kaku Gothic W7 JIS2004";}
h3.SectionTitleBox span.SmallTxt {font-size: 20px;font-weight: bold;color: #434343;font-family: "Hiragino Kaku Gothic W7 JIS2004"}
h3.SectionTitleBox svg.svg_icon {width:45px; height:25px; position:relative; top:4px;}
h3#Feature svg {position: relative;top: 6px;}
h4.CateTitle svg.svg_icon {width:45px; height:25px; position:relative; top:7px;}
h3.SectionTitleBox i {margin-right: 5px;color: #434343;}
/*--これで各項目の一言コメント--*/
section#ItemBoxIndex p.OneTxtSection {margin: 5px 0 25px;font-size: 14px;text-align: center;line-height: 1.5em;color:#434343;}
section#ItemBoxIndex-2 p.OneTxtSection {margin: 5px 0 25px;font-size: 14px;text-align: center;line-height: 1.5em;}
/*--これで各コンテンツアイテムボックス--*/
section#ItemBoxIndex div.ItemBox {margin: 25px 0 0;}
/*--ここからテキストボックスの作成--*/
section#ItemBoxIndex div.PaddingCard01 article {padding-bottom: 0px; box-sizing:initial;}
section#ItemBoxIndex div.PaddingCard02 article {padding-bottom: 75px; box-sizing:initial;}
section#ItemBoxIndex div.PaddingCard03 article {padding-bottom: 68px; box-sizing:initial;}
section#ItemBoxIndex div.PaddingCard04 article {padding-bottom: 22px; box-sizing:initial;}
/*--これでアイテムボックスの作成--*/
section#ItemBoxIndex article {background: #fff;box-shadow: 0 0 1px rgba(0, 0, 0, 0.55);float: left;margin: 5px 5px;border: 1px solid #fff; position: relative;}
/*section#ItemBoxIndex article a {position: relative;}
section#ItemBoxIndex article a[title]:after {display: none; opacity: 1;}
section#ItemBoxIndex article a[title]:hover {opacity:1 !important;text-decoration: none;}
section#ItemBoxIndex article a[title]:hover:after {box-shadow:0 0 5px rgba(0, 0, 0, 0.15); display: block;position: absolute;top: -40px; left:-7px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;margin: 0 auto;padding: 0.5em;border: 1px solid #ccc;background:none;color: #434343;font-size: 12px;width: 100%;text-align: left; line-height: 1.2em;content: attr(title);z-index:100; text-decoration: none;}*/
/*--これでアイテムボックス左側のマージンを消す--*/
section#ItemBoxIndex article.marginNoLeft {margin-left: 0;}
/*--これでアイテムボックス右側のマージンを消す--*/
section#ItemBoxIndex article.marginNoRight {margin-right: 0;}
/*--これでアイテムボックスの画像表示領域の作成--*/
section#ItemBoxIndex article a {display: block;background: none;margin: 5px 0 0 5px;}
/*--ここからコンテンツボックスのテキスト表示領域--*/
section#ItemBoxIndex ul.ContsTxtBox {margin: 7px auto 0;width: 325px;}
section#ItemBoxIndex ul.ContsTxtBox li {font-size: 12px;color: #434343;line-height: 1.3em;letter-spacing: 1px;}
section#ItemBoxIndex ul.ContsTxtBox li.TitleContsList {text-align: center;font-size: 12px;border-bottom: 1px solid #ccc;padding-bottom: 4px;font-weight: bold;margin-bottom: 5px;}
/*--ここから各バナーナンバリング--*/
section#ItemBoxIndex ul li span.NumberBox {font-size: 16px; letter-spacing: 0px; color: #C62828;font-weight: normal;position: relative;top: 1px; left: 2px;}
/*--ここからカテゴリリストテキストボックス表示領域--*/
section#ItemBoxIndex ul.ProductLinkTxtBox {margin: 6px auto 0;}
section#ItemBoxIndex ul.ProductLinkTxtBox li {margin: 0 auto 8px;font-size: 12px;line-height: 1.45em;letter-spacing: 1px;color: #434343;margin-left: 5px;}
/*--ここからカテゴリリストテキストボックス表示領域(パーツ)--*/
section#ItemBoxIndex ul.ProductLinkTxtBox li.PartsTitleBox {border-bottom: 1px solid #ccc;padding-bottom: 4px;font-size: 14px;font-weight: normal;color: #434343;letter-spacing: 1px;font-family: "Hiragino Kaku Gothic W4 JIS2004";}
section#ItemBoxIndex ul.ProductLinkTxtBox li.SmallCateParts {width: 258px;}
section#ItemBoxIndex ul.ProductLinkTxtBox li.MidiumCateParts {width: 467px;}
section#ItemBoxIndex ul.ProductLinkTxtBox li.LargeCateParts {width: 748px;}
/*--ここからカテゴリリストテキストボックス表示領域(カテゴリ)--*/
section#ItemBoxIndex ul.CategoryTxtBox {margin: 9px 0 0 6px;}
section#ItemBoxIndex ul.CategoryTxtBox li {font-size: 12px;font-weight: bold;color: #434343;letter-spacing: 1px;text-align: left;}
/*--ここからカテゴリリストテキストボックス表示領域(ブランド)--*/
section#ItemBoxIndex ul.ProductLinkTxtBox li.BrandTitleBox {border-bottom: 1px solid #ccc;padding-bottom: 4px;font-size: 14px;font-weight: normal;color: #434343;letter-spacing: 1px;font-family: "Hiragino Kaku Gothic W6 JIS2004";}
section#ItemBoxIndex ul.ProductLinkTxtBox li.SmallCateBrand {width: 328px;}
section#ItemBoxIndex ul.ProductLinkTxtBox li.LargeCateBrand {width: 678px;}
/*--ここからカテゴリリストテキストボックス表示領域(用途別)--*/
section#ItemBoxIndex ul.ProductLinkTxtBox li.ApplicationTitleBox {border-bottom: 1px solid #ccc;padding-bottom: 2px;font-size: 14px;font-weight: normal;color: #434343;letter-spacing: 1px;font-family: "Hiragino Kaku Gothic W6 JIS2004";}
section#ItemBoxIndex ul.ProductLinkTxtBox li.SmallCateApplication {width: 188px;}
section#ItemBoxIndex ul.ProductLinkTxtBox li.LargeCateApplication {width: 608px;}
/*--ここから商品リストテキストボックス表示領域--*/
section#ItemBoxIndex ul.ItemTxtBox {margin: 6px auto 0;width: 188px;}
section#ItemBoxIndex ul.ItemTxtBox li {color: #434343;font-size: 12px;margin-bottom: 8px;}
section#ItemBoxIndex ul.ItemTxtBox li:first-child {border-bottom: 1px solid #ccc;padding-bottom: 4px;}
section#ItemBoxIndex ul.ItemTxtBox li.ItemPrice {margin-top: 9px;text-align: right;}
section#ItemBoxIndex ul.ItemTxtBox li span.PriceSize {font-size: 16px;font-weight: bold;color: #C62828;margin-right: 2px;}
/* =====================================================================================
ここから特集用CSS */
section.Feature {}
section.Feature article {width: 338px;height: 160px;}
section.Feature article:hover {/*background: #769FAF !important;*/transition-duration: 0.5s;}
section.Feature article:hover li {transition-duration: 0.5s; color: #fff !important;}
section.Feature article a:hover {opacity: 1 !important;}
section.Feature article:hover a.modal-LinkTxt {transition-duration: 0.5s; color: #fff !important;}
/*ここから特集の中のモーダルウィンドウ用CSS */
ul.ContsTxtBox li a.modal-LinkTxt {display:block !important; background:none !important; margin:0 !important; font-size:11px !important; text-align:left !important; color:#434343 !important; margin-top:2px !important;}
.modal-content02 {width: 1040px;margin: 0 auto;padding: 20px 8px 5px;border: 1px solid #aaa;background: #fff;position: fixed;display: none;z-index: 9999;overflow: hidden;text-align: center;}
.modal-overlay {z-index: 9998 ;display: none ;position: fixed ;top: 0 ;left: 0 ;width: 100% ;height: 120%;background-color: rgba(0,0,0,0.45);}
section.modal-textbox {width: 825px; margin: 0 auto;}
div.modal-content02 h6 {color: #434343; border-bottom: 1px dashed #ccc;width: 825px;margin: 0 auto 25px;padding-bottom: 20px;}
div.modal-content02 p {color:#434343; font-size: 14px; margin-bottom: 10px;line-height:1.5em;}
div.modal-content02 p.styleChanged {text-align:right; margin-top: 20px; line-height:1.5em;}
div.modal-content02 a.NoticeTxt {font-size:14px; color:#C62828;text-decoration: underline !important;}
td span.NoticeTxt {font-size:14px; color:#C62828;text-decoration: underline !important; display:inline-block !important;}
.button-link{color:#434343;text-decoration:none;font-size: 14px;margin-top: 30px;display: block;}
.button-link i {color:#434343;font-size: 14px; margin-right: 5px;}
.button-link:hover{cursor:pointer;text-decoration: none;}
a.modal-LinkTxt.modal-open.button-link {height: 10px;width: 100%;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.Feature article a {width: 328px;height: 150px;}
/* =====================================================================================
ここからパーツを選ぶ用CSS */
section.SelectParts {}
section.SelectParts article {width: 268px;height: 300px;}
section.SelectParts article.LargeBannerP1 {width: 758px;}
section.SelectParts article.MidiumBanner {width: 478px;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.SelectParts article a {width: 258px;height: 290px;}
section.SelectParts article.LargeBannerP1 a {width: 748px;}
section.SelectParts article.MidiumBanner a {width: 468px;}
/* =====================================================================================
ここから横幅からラックを選ぶ用CSS */
section.SelectWidth {}
section.SelectWidth article {width: 198px;height: 260px;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.SelectWidth article a {width: 188px;height: 250px;}
/* =====================================================================================
ここからブランドからラックを選ぶ用CSS */
section.SelectBrand {}
section.SelectBrand article {width: 338px;height: 300px;}
section.SelectBrand article.LargeBannerP2 {width: 688px;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.SelectBrand article a {width: 328px;height: 290px;}
section.SelectBrand article.LargeBannerP2 a {width: 678px;}
/* =====================================================================================
ここから25mm/25mm共通ラック人気ランキングTOP5用共通CSS */
section.RackRanking {}
section.RackRanking article {position: relative;}
section.RackRanking div.ItemBox {margin-top: 30px !important}
img.rankingIcon {position: absolute;top: -40px;left: 75px;width: 35px;height: 35px;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.RackRanking article a {width: 188px;height: 188px;}
/* =====================================================================================
ここから用途別からラックを選ぶ用CSS */
section.SelectByApplication {}
section.SelectByApplication article {width: 198px;height: 250px;}
section.SelectByApplication article.LargeBannerP3 {width: 618px;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.SelectByApplication article a {width: 188px;height: 240px;}
section.SelectByApplication article.LargeBannerP3 a {width: 608px;}
/* =====================================================================================
ここから新着商品用CSS */
section.NewProducts {}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.NewProducts article a {width: 188px;height: 188px;}
/* =================================
/* =====================================================================================
ここから最近チェックした商品用CSS */
section.ViewdProducts {}
section.ViewdProducts article {width: 198px;height: 200px;}
.index_CheackItem .sysContent .sysItemBlock ul.sysHorizontal {width: 100%; margin: 0 auto;display: flex;justify-content: flex-start;flex-wrap:wrap;}
.Recommnd-Item .sysContent .sysHorizontal li {float: none;width: 198px;padding: 5px;background: #fff;margin: 5px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.35);}
.sysItemName a {font-size: 14px;text-align: left !important;display: block;margin: 10px 0;}
.sysItemPrice {font-size: 14px;text-align: left;font-weight: bold;color: #c62828;margin-top:5px;}
.index_CheackItem .sysContent .sysItemBlock {margin: 0 auto; max-width: 1040px;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.ViewdProducts article a {width: 188px;height: 188px;}
/* --------------------------------------------------------------------------
ここからフッター用CSS*/
main#MainContents-System {position: relative; height: 100%;min-height: 100%;}
/*section.ViewdProducts {padding-bottom: 1250px;}*/
/*div.footer {height: 1225px; position: absolute; bottom: 0;}*/
footer#footer {width: 100%; background: #eceff1; padding: 30px 0 0px; margin-top:0px;}
footer#footer a:hover {}
footer#footer div.FooterBox {width: 1040px; margin:0px auto 0;}
footer#footer div.FooterLine01 {position: relative;}
footer#footer div.FooterLine01 img {width: 1040px; display: block; margin: 0 auto 15px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);}
footer#footer div.FooterLine01 span.Telbtn a {position: absolute; top:77px; left: 380px; display: block; background: #c44d4d; border-radius: 6px; padding: 9px 5px 7px 21px; text-align: center; color: #fff; width: 260px; font-size: 14px; font-weight: bold; line-height:1.4em; text-decoration: none;}
footer#footer div.FooterLine01 span.Telbtn i {color: #fff; font-size: 40px; position: absolute; top:7px; left: 15px;}
footer#footer div.FooterLine01 span.Mailbtn a {position: absolute; top: 115px; right: 35px; background: #c44d4d; display: block; width: 250px; text-align: center; padding: 10px 20px; border-radius: 6px; color: #fff; text-decoration: none; font-size: 16px; box-shadow: 0 3px 0 #8a1e1e, 0 6px 0 rgba(0,0,0,0.2); -webkit-transition: color 0.3s, background 0.3s, box-shadow 0.3s, -webkit-transform 0.3s; transition: color 0.3s, background 0.3s, box-shadow 0.3s, transform 0.3s;}
footer#footer div.FooterLine01 span.Mailbtn a:hover{background: #c44d4d; box-shadow: 0 1px 0 #8a1e1e, 0 3px 0px rgba(0,0,0,0.2); -webkit-transform: translateY(3px); transform: translateY(3px); opacity:1;}
footer#footer div.FooterLine01 span.Mailbtn a:active {color:#fff; background: #c44d4d; box-shadow: 0 0 0 #8a1e1e, 0 0 0px rgba(0,0,0,0.2); -webkit-transform: translateY(6px); transform: translateY(6px); transition-duration: 0.1s; font-family: 'Hiragino'}
footer#footer div.FooterLine02 {display: flex; justify-content: space-between;}
footer#footer section.LeftConts {background: #fff; width: 755px; height: 440px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);}
footer#footer section.LeftConts div {float: left;margin: 15px 0 0 15px;}
footer#footer section.LeftConts .AnotherBox ul {float: left;}
footer#footer section.LeftConts h5 {margin: 10px 0; color: #434343;border-bottom:1px solid #e0e0e0; box-shadow: 0 1px 0 #b5b5b5; width: 90%; padding-bottom: 5px; font-size: 14px;}
footer#footer section.LeftConts h5.textCate {margin: 0px 0 10px;}
footer#footer section.LeftConts h5.textCate2 {margin: 20px 0 10px;}
footer#footer section.LeftConts ul.catebox{width: 235px;}
footer#footer section.LeftConts ul.catebox li a {font-size: 12px; padding: 5px 0; display: block; color: #434343;}
footer#footer section.LeftConts ul.luminousCate06 {margin-left: 15px;}
footer#footer section.RightConts {background: #fff; width: 270px; height: 440px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);}
footer#footer section.RightConts h5 {margin: 15px 0 0 10px; border-bottom: 1px solid #e0e0e0; width: 245px; padding-bottom: 5px; color: #434343; box-shadow: 0 1px 0 #b5b5b5; font-size: 14px;}
footer#footer section.RightConts ul.luminousInfo {margin: 10px 0 0 12px;}
footer#footer section.RightConts ul.luminousInfo li a {font-size: 12px; color: #434343; padding:10px 0; display: block;}
footer#footer div.FooterLine03 {height: 338px;display: flex;justify-content: space-between;}
footer#footer div.FooterLine03 section.companyBox {width: 280px; height: 320px; background: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.35); margin: 15px 15px 0 0;}
footer#footer div.FooterLine03 section.companyBox h6 {margin: 18px 0 0 8px;font-size: 14px;color: #434343;border-bottom: 1px solid #ccc;padding-bottom: 8px;width: 263px;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain {margin: 10px 0 0 15px;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li {font-size: 14px; margin-bottom: 15px; color: #434343;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li span.companyName {display: block; margin-top: 8px; font-size: 18px;color: #434343;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li:first-child {margin-top: 15px;font-weight: bold;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li:nth-child(2) {margin-bottom: 10px;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li:nth-child(3) {margin-left: 21px;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li:nth-child(5) {font-size: 12px;margin-bottom: 10px;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li:last-child {margin-top: 20px;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li i {margin-right: 10px; font-size: 16px;color: #434343;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li a {font-size: 14px; display: block; background: #434343; padding: 10px 15px;width: 245px; border-radius: 3px;margin-left: 4px; color: #fff; text-decoration: none;}
footer#footer div.FooterLine03 section.companyBox ul.companyBoxMain li a i {color: #fff;}
footer#footer div.FooterLine03 section.NewsBox {width: 460px; height: 320px; background: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.35); margin: 15px 15px 0 0;}
footer#footer div.FooterLine03 section.NewsBox h6 {margin: 18px 0 0 8px;font-size: 14px;color: #434343;border-bottom: 1px solid #ccc;padding-bottom: 8px;width: 440px;}
footer#footer div.FooterLine03 section.NewsBox section.NewsBoxMain { overflow-y: scroll; overflow-x: hidden; width: 435px; margin: 5px auto 0; height: 265px;}
footer#footer div.FooterLine03 section.NewsBox section.NewsBoxMain span.DayNews {font-size: 12px;margin: 10px 0 5px;display: block;}
footer#footer div.FooterLine03 section.NewsBox section.NewsBoxMain span.DayNews i {margin-right: 5px;}
footer#footer div.FooterLine03 section.NewsBox section.NewsBoxMain p {margin-bottom: 5px; width: 425px; word-break: break-all;font-size: 12px; line-height: 1.4em; border-bottom: 1px dashed #ccc; padding-bottom: 5px; color:#434343;}
footer#footer div.FooterLine03 section.NewsBox section.NewsBoxMain p:last-child {border-bottom: 0;}
footer#footer div.FooterLine04 {display: flex; justify-content: space-between;flex-wrap:wrap; margin-top: 11px;}
footer#footer div.FooterLine04 div {margin-bottom: -2px;}
footer#footer div.FooterLine05 {display: flex; justify-content: center; margin-top: 20px; font-size: 12px; color: #434343; border-top: 1px dashed #434343; padding-top: 20px;}
footer#footer div.FooterLine05 a {display: block; font-size: 12px; color: #191919; padding: 0 5px;}
div.FooterLine06 {background: #434343;padding: 10px 0 6px;text-align: center; margin-top: 20px;}
div.FooterLine06 p {font-size: 12px; color: #fff;text-align:center;}
/* ここからタブ用スクロールバーデザイン変更用CSS */
section.NewsBoxMain::-webkit-scrollbar{overflow:hidden;width:4px;background:#eceff1;}
section.NewsBoxMain::-webkit-scrollbar:horizontal{height:1px;}
section.NewsBoxMain::-webkit-scrollbar-button{display:none;}
section.NewsBoxMain::-webkit-scrollbar-piece{background:#eceff1;}
section.NewsBoxMain::-webkit-scrollbar-piece:start{background:#eceff1;}
section.NewsBoxMain::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.55); border-radius:2px;}
section.NewsBoxMain::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0.55); border-radius:2px;}
/* =====================================================================================
ここから注目商品一覧用CSS */
article.ProductList {width: 188px !important;box-shadow: 0 0 1px rgba(0, 0, 0, 0.35) !important;background: #fff !important;text-align:center !important; padding: 14px 5px 17px !important;margin: 18px 5px 0 !important;box-sizing:initial;}
article.ProductList img {max-width: 188px !important;}
article.ProductList h4 {color:#434343 !important; font-size: 12px !important; font-weight: bold !important;margin: 10px 0 8px !important; text-align: center !important;text-overflow: ellipsis !important;overflow: hidden !important;height: 20px !important;width: 178px !important;white-space: nowrap !important;}
article.ProductList a {color:#434343 !important; font-size: 12px !important; letter-spacing:0px !important;}
article.ProductList p.ProductSize {color: #434343 !important;font-size: 12px !important;margin-bottom: 10px !important;text-align: center !important;letter-spacing: 0 !important;text-overflow: ellipsis;overflow: hidden;height: 20px;white-space: nowrap;}
article.ProductList p.ProductPrice {color: #C62828 !important; font-size: 12px !important;margin-top: 20px !important;line-height: 1.5em !important;text-align: center !important;}
article.ProductList span.ProductPriceLarge {color: #C62828 !important; font-size: 15px !important; font-weight: bold !important;}
article.ProductList:hover a {text-decoration: underline !important;}
.ItemBox.clearfix {display: flex !important;flex-wrap: wrap !important;align-content: stretch !important;;margin: 0 auto !important;width: 100% !important;max-width: 1040px !important;}
.ItemBox h3 img {margin: 15px 0 0 !important;}
.flex-control-nav li a {background: #ccc !important; border: none !important;}
.flex-control-paging li a.flex-active {background: #434343 !important;}
.flexslider:hover .flex-direction-nav .flex-prev {color: rgba(0, 0, 0, 0) !important;}
.flexslider:hover .flex-direction-nav .flex-next {color: rgba(0, 0, 0, 0) !important;}
.flex-direction-nav .flex-next {text-align: right !important;position: absolute !important;right: 0 !important;top: 212px !important; width: 20px; height: 20px;}
.flex-direction-nav .flex-prev {position: absolute !important;top: 212px !important; left: 0px !important; width: 20px; height: 20px;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.FeaturedProducts article a {width: 188px;height: 188px;}
/* =====================================================================================
ここからカテゴリーから選ぶ用CSS */
section.SelectCategory {}
section.SelectCategory article {width: 198px;height: 198px;}
section.SelectCategory h4.CateTitle {text-align: center;margin: 30px 0 10px;border-bottom: 1px dashed #ccc;padding-bottom: 8px;font-size: 16px; color: #434343; font-weight: normal;}
section.SelectCategory h4.CateTitle i {margin-right: 5px; color: #434343;}
/* --------------------------------------------------------------------------
いずれ消すかもしれない*/
section.SelectCategory article a {width: 188px;height: 188px;}
/* --------------------------------------------------------------------------
ここからトップへ戻るボタン用CSS */
div.TopBack > ul {position: fixed;bottom: 65px;right: 30px; z-index: 999;}
div.TopBack a {background: #607d8b;border-radius: 50%;height: 80px;width: 80px;display: block;box-shadow: 0px 0px 1px #607d8b;border: 3px solid #fff;}
div.TopBack a:hover {text-decoration: none;}
span.TopBackTxt {text-align: center;display: block;position: relative;top: 26px;line-height: 1.5em;color: #fff;font-weight: bold;font-size: 12px;}
/* --------------------------------------------------------------------------
ここから絶対追加 | デフォルトのdiv要素で出来るパディングをリセットするための記載*/
.grandNavi .sysContent {padding:0;}
.slider .sysContent {padding: 0px;}
.SideFix .sysContent {padding: 0px;}
.SearchForm .sysContent {padding: 0px;}
.PartSection .sysContent {padding: 0px;}
.WidthSection .sysContent {padding: 0px;}
.BrandSection .sysContent {padding: 0px;}
.RackRanking-25mm-Section .sysContent {padding: 0px;}
.RackRanking-19mm-Section .sysContent {padding: 0px;}
.ApplicationSection .sysContent {padding: 0px;}
.NewArrivalsSection .sysContent {padding: 0px;}
.FeatureProductsSection .sysContent {padding: 0px;}
.CategroySection .sysContent {padding: 0px;}
.ViewProductsSection .sysContent {padding: 0px;}
.footer .sysContent {padding: 0px;}
.Recommnd-Item .sysContent {padding: 0px;}
.header_cart .sysContent {padding: 0px;}
/* --------------------------------------------------------------------------
ここから絶対追加 | リキッドデザイン時に必要なネガティブマージン設定のための記載*/
.sysFuncText.slider.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysFuncText.grandNavi.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px !important;}
.sysFuncText.SearchForm.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysFuncText.FeatureSection.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysFuncText.PartSection.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysFuncText.WidthSection.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysFuncText.BrandSection.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysFuncText.RackRanking-25mm-Section.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysFuncText.RackRanking-19mm-Section.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysFuncText.ApplicationSection.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysFuncText.NewArrivalsSection.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysFuncText.FeatureProductsSection.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysFuncText.CategroySection.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysFuncText.ViewProductsSection.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysFuncText.footer.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;position: relative;bottom: -20px;}
.sysFuncItemBlock.Recommnd-Item.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysBlock.ProductHeadName .sysItemName.sysDisplayKeitaiNone {width:100%; position:absolute; top:188px; margin-left:-50px;}
.sysBlock.ProductHeadName .sysItemName.sysDisplayKeitaiNone h1 span {font-size:14px; font-weight:normal; color:#fff}
.sysCategoryPankuzu.sysDisplayKeitaiNone a {font-size: 14px;}
.sysBlock.ImageBox {margin-top: 30px;}
.sysItemImages span {position: absolute;top: 530px;left: 0;font-size: 14px;color: #434343;}
.sysBlock.PriceArea {width: 485px;margin-left: 15px;}
.sysBlock.orderArea {width: 1040px;display: flex;justify-content: center;margin-top: -50px; padding-top:130px !important;}
.sysDescription {margin: 15px 0 0;}
/*10/15大コメントアウト
div#sysDescription span {display: none;}*/
.sysItemImages.sysDisplayKeitaiNone {width: 1040px;}
.sysItemImages {display: flex;justify-content: space-between;position:relative; margin-bottom: 20px;}
.sysMainImage.sysMainImageModal {background: #eceff1;overflow:hidden;}
ul.sysImageList {width: 480px;height: 100%;display: flex;flex-wrap: wrap;-webkit-align-items: stretch;align-items: stretch;-webkit-align-items: flex-start;align-items: flex-start;margin-right: 10px;}
.sysItemImages .sysImageList li {float:none;height: 150px !important;width: 150px !important;margin: 0 5px 5px 5px;text-align: center;line-height: 0px;background: #fff;}
.sysExplanation.sysDisplayKeitaiNone {margin: 30px 0;padding: 30px 0 0;border: 1px dashed #ccc;border-right: 0;border-left: 0; display: none;}
/* =====================================================================================
ここから項目選択肢追加時用CSS */
div#sysSelections {margin: 15px 0 45px;font-size:14px;}
div#sysSelections div {color: #434343 !important;margin: 3% 0 0 0;}
form#sysCartInForm select {display: block;padding: 8px 30px 8px 5px;width: 100%;/*appearance: none;-webkit-appearance: none;181219様子見でコメントアウト。問題なければそのうち削除する*/ outline:none;}
/* =====================================================================================
ここからバリエーション在庫商品用CSS */
div#sysVariation {margin-bottom: 10px;text-align:left;}
#sysItemDetail .sysFormVariationTable {border-collapse: collapse;border: #CCCCCC 1px solid;margin: 5px 0 8px 0;width: 485px;}
#sysItemDetail .sysFormVariationName {background-color: #ffffff;border: #CCCCCC 1px solid;padding: 8px;font-weight: normal;color: #434343;}
/* =====================================================================================
ここから数量選択部分用CSS */
div#sysNumber {font-size: 14px;position: relative;left: 50px;top: -18px;text-align:left;line-height:1.5em;}
.sysNumArea {height: 27px;margin-left: 10px;width: 15px;position: absolute;top: 32px;left: 95px;}
div#sysNumber select {width: 20%;padding: 5px 0;margin: 0px;display: block;line-height:1em;}
button.sysBtnPlus { -webkit-appearance: none;background: none;border: 0;text-indent: -74px;overflow: hidden;text-align: center;font-size: 12px;outline: none;display: block;cursor: pointer;width: 0;height: 0;border-style: solid;border-width: 0 7.5px 10px 7.5px;border-color: transparent transparent #545454 transparent;}
button.sysBtnMinus {-webkit-appearance: none;background: none;border: 0;text-indent: -115px;overflow: hidden;font-size: 12px;outline: none;cursor: pointer;width: 0;height: 0;border-style: solid;border-width: 10px 7.5px 0 7.5px;border-color: #545454 transparent transparent transparent;margin-top: 3px;}
button.sysBtnPlus:after {font-family: FontAwesome;content: '\f0d8';margin-left: 5px;font-size: 20px;color: #434343;}
button.sysBtnMinus:after {font-family: FontAwesome;content: '\f0d7';margin-left: 5px;font-size: 20px;color: #434343;}
/* =====================================================================================
ここからカートに入れるボタン用CSS */
.sysForm.sysDisplayKeitaiNone {margin-top: 35px;}
form#sysCartInForm {position: relative;}
div#sysSubmit {position: absolute;bottom: 2px;left: 180px;}
input.sysCartButton.sysCartInButton.sysAddGoCartButton {cursor: pointer;outline: none;font-size: 18px;color: #fff;border: 0;border-radius: 5px;text-indent: -9999px;background: url('http://perfect-floors.jp/img/test/new-top/AddToCart.png') no-repeat;width: 310px;height: 70px; position:relative; top:12px;}
input.sysCartButton.sysCartInButton.sysAddGoCartButton:hover {opacity:0.8;transition-duration:0.5s;}
input.sysCartButton.sysGoCartButton {padding: 15px 0;margin: 15px 0;display: block;border: 1px solid #000000;background: #434343;font-size: 14px;color: #fff;border-radius: 3px;width: 300px;height: 18px;box-sizing: initial;cursor: pointer;}
input.sysCartButton.sysGoCartButton:hover {transition-duration:0.5s; opacity: 0.8;}
/* =====================================================================================
ここからお気に入り登録ボタン用CSS */
div#sysWishlist {position: absolute;right: 0;margin-top: 0px;}
div#sysWishlist button.sysButton {background: #607d8b;padding: 15px 110px;border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);color: #fff;outline:none;}
div#sysWishlist button.sysButton:hover {opacity: 0.7;transition-duration: 0.8s;}
/* =====================================================================================
ここから商品名用CSS */
.sysItemName.sysDisplayKeitaiNone h1 span {color: #434343;}
/* =====================================================================================
ここから商品管理番号用CSS */
.sysItemId.sysDisplayKeitaiNone span {color: #ccc;}
.sysItemId.sysDisplayKeitaiNone {margin: 15px 0;color: #ccc;}
/* =====================================================================================
ここから商品価格用CSS */
#sysItemDetail .sysRetailPrice {margin: 20px 0;}
span.sysRetailPriceValue {font-size: 28px !important;font-weight: bold;}
#sysItemDetail .sysRetailPrice span {color: #434343;font-size: 16px;vertical-align: -10px;letter-spacing: 0.1em;font-weight: 400; display: inline;letter-spacing: -0.01em;font-weight: bold;}
span.sysRetailPriceValue {color: #cb3535 !important;}
.sysFuncText.CategroySection {margin: 120px 0 0 0;}
/* =====================================================================================
ここからマイページ設定用CSS */
.sysMypageNav {display: flex;justify-content:flex-start;flex-wrap: wrap;justify-content: center;width:100%;max-width: 1040px;margin: 50px auto 15px;}
.sysMypageNav form {margin: 3px 6px;}
.sysMypageNav form input.sysButton {background: #607d8b;-webkit-appearance: none;border: 0;padding: 10px 10px 10px;width: 333px;font-size: 18px;color: #fff;outline: none;border-radius: 10px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);}
.sysMypageNav form input.sysButton:hover {transition-duration: 0.5s;opacity: 0.8;}
div#sysMain h2.sysMypageMajorHeadLine {font-size: 14px;color: #434343;margin-left: 0px;}
h2.sysMypageMajorHeadLine {position: relative;top: -27px;left: -50px;color: #fff !important;font-weight: normal;}
.sysFreeArea {
font-size: 16px;
margin: 0px auto 0;
}
h3.SysMypageMinorHeadLine {font-size: 18px;color: #434343;margin: 30px auto 8px;border-bottom: 1px dashed #ccc;padding-bottom: 5px;}
.sysOrderHistory p {font-size: 18px;color: #434343;font-weight: normal;}
/* =====================================================================================
ここからマイページログイン設定用CSS */
body#sysMypageLogin div.sysLoginForm {margin: -80px 0 50px;}
body#sysMypageLogin div.sysFormField input{max-width: 450px !important;}
.sysLoginForm form .sysFormItem .sysFormField input[type="email"] {width: 500px;padding: 8px 0 8px 5px;-webkit-appearance: none;outline: none;margin: 10px 0;border-radius: 6px;border: 1px solid #ccc;font-size: 18px;}
.sysLoginForm form .sysFormItem .sysFormField input[type="password"] {width: 500px;padding: 8px 0 8px 5px;-webkit-appearance: none;outline: none;margin: 10px 0;border-radius: 6px;border: 1px solid #ccc;font-size: 18px;}
.sysLoginForm form {width: 450px;margin: 0 auto;}
.sysLoginForm form .sysFormItem .sysFormField input.loginId::placeholder {
color: #fff;
}
.sysLoginForm form .sysFormItem .sysFormField input.loginPassword::placeholder {
color: #fff;
}
.sysLoginForm form input.sysLoginButton {
width: 450px;
margin: 20px auto 10px;
text-align: center;
display: block;
background: #607d8b;
color: #fff;
font-size: 16px;
cursor:pointer;
line-height: 45px;
font-weight: 900;
}
.sysLoginForm form input.sysButton {
-webkit-appearance: none !important;
background: none;
border: none;
padding:0;
width: 100%;
display: block;
margin: 0 auto;
color: #7fbcb4;
font-size: 14px;
outline:none;
cursor:pointer;}
/* =====================================================================================
ここから会員登録ページ用CSS */
p.ta_center {margin: 0;}
a.myButton_05 {margin-bottom: 15px;display: block;padding: 10px 0 10px 5px;background: #607d8b;width: 210px;border: 1px solid #ccc;color: #fff;border-radius: 5px;}
a.myButton_05 i.fa.fa-pencil.fa-fw {color: #fff;margin-right: 2px;}
.sysMemberAgreementFormLabel {padding: 0px;margin-bottom: 10px;display: block;color: #434343;font-weight: bold;}
.sysMemberAgreement {border: 1px solid #888888;height: 100%;min-height: 220px;overflow-x: hidden;overflow-y: auto;padding: 5px;line-height: 1.5em;}
.sysForm label {display: inline;margin-top: 15px;font-size: 15px;padding: 0 0 7px;}
input[type="checkbox"] {border: 1px solid #ccc;width: 20px;height: 20px;background: #fff;box-sizing: initial !important;margin-right: 5px;position: relative;top: -2px;}
form#form_main .sysForm {margin-top: 20px;}
.sysFormItem.sysName {border-top: 1px dashed #ccc;border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 10px 0 5px;}
.sysFormItem.sysNameKana {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysZipcode {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysPrefStateId {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysAddress1 {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysAddress2 {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysTel {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysMailaddress {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
/*.sysFormItem.sysMemberId {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}*/
/*.sysFormItem.sysMemberPassword {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}*/
.sysFormItem.sysFax {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysGender {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysBirthday {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
.sysFormItem.sysAcceptMailmagazine {border-bottom: 1px dashed #ccc;padding: 10px 0;margin: 0px 0 5px;}
input.sysButton {margin-top: 10px;background: #434343;color: #fff;width: 500px;padding: 14px 0;border-radius: 5px;border: 1px solid #ccc;font-weight:normal; font-size:14px;}
.sysFormField input[type="text"] {width: 500px;padding: 8px 0 8px 5px;margin-top: 8px;border-radius: 5px;border: 1px solid #ccc;}
.sysFormItem sysBirthday .sysFormField input[type="text"] {display: inline;margin: 5px 8px 8px 5px;position: relative;top: -2px;}
.sysFormField select {width: 500px;padding: 8px 0 8px 5px;border: 1px solid #ccc;border-radius: 5px;margin-top: 8px;}
.sysFormField input[type="tel"] {width: 500px;padding: 8px 0 8px 5px;margin-top: 8px;border-radius: 5px;border: 1px solid #ccc;}
.sysFormField input[type="password"] {width: 500px;padding: 8px 0 8px 5px;margin-top: 8px;border-radius: 5px;border: 1px solid #ccc;}
.sysFormField input[type="email"] {width: 500px;padding: 8px 0 8px 5px;margin-top: 8px;border-radius: 5px;border: 1px solid #ccc;}
.sysFormItem.sysBirthday .sysFormField {margin: 5px 0 0; width:550px;}
button.sysButton.btn {background: #434343;border-radius: 5px;color: #fff;width: 500px;}
button.sysButton.btn:hover {transition-duration: 0.5s;opacity: 0.8;}
ul.sysFormField {margin-top: 8px;}
ul.sysFormField label {margin: 0 25px 0 0px;}
ul.sysFormField label input[type="radio"] {width: 15px;height: 15px;}
.sysFormItem.sysAcceptMailmagazine .sysFormField {margin-top: 8px;}
input.sysNextSubmit {background: #607d8b;border: 1px solid #ccc;width: 500px;padding: 10px 0 10px 0px;color: #fff;font-weight: bold;margin-top: 10px;border-radius: 5px;}
.sysWithdrawal p {color: #c44d4d !important;line-height: 1.5em;font-size: 14px;padding-bottom: 0px;}
.sysWithdrawal {margin-top: 10px;}
/*h3.sysMypageMinorHeadLine {position: relative;top: -45px;left: 35px;font-weight: normal;letter-spacing: 2px;color:#fff !important;}*/
/*20220824 高波追記*/
/*.sysFormItem.sysMailaddress, .sysFormItem.sysMemberPassword {
display: flex;
justify-content: center;
}*/
.sysFormField {
width: 500px;
}
label.sysFormLabel {
padding-right: 22px;
font-size: 1.2em;
min-width: 157px;
text-align: right;
}
/*20240115 高波追記*/
.sysForm label.sysFormLabel {
border-left: 7px solid #457f99;
padding: 5px 0 5px 7px;
display: block;
text-align: left;
background-color: #f1f1f1;
}
.sysFormItem {
border: none !important;
margin-top: 12px !important;
}
/* =====================================================================================
ここからカテゴリページ825px用CSS */
.sysPagination {margin-top: 20px;}
.sysPagination a {font-size: 14px !important;}
.SideNavi .sysContent {padding: 0px;}
.sysItemCategoryPankuzu {margin-bottom: 12px;}
.sysItemCategoryPankuzu a {font-size: 14px;}
.sysItemCategoryCtl {font-size: 14px;line-height: 1.5em;}
.sysItemListDisp div {font-size: 14px;}
ul.sysThumbnail {display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 15px;}
.sysItemList ul.sysThumbnail li {float: none;width: 198px;padding: 5px;background: #fff;margin: 0 5px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.35);}
.sysItemName a {font-size: 14px;}
.sysRetailPrice {margin: 5px 0;font-weight: bold;color: #c44d4d;font-size:14px;}
/* オプションを選ぶボタン */
input.sysCartButton.sysCartInButton {width: 188px;padding: 5px 0;background: #c44d4d;color: #fff;border-radius: 3px;border: 1px solid #8a1e1e;margin-top: 5px;outline:none;}
/* バリエーションを選ぶボタン */
input.sysCartButton.sysSelectCartButton.sysStockTypeVariation {width: 188px;padding: 5px 0;background: #c44d4d;color: #fff;border-radius: 3px;border: 1px solid #8a1e1e;margin-top: 5px;outline:none;}
/* カートへ入れるボタン */
input.sysCartButton.sysSelectCartButton.sysItemSelection {width: 188px;padding: 5px 0;background: #c44d4d;color: #fff;border-radius: 3px;border: 1px solid #8a1e1e;margin-top: 5px;outline:none;}
.sysAddVariation {font-size: 14px;}
.sysAddSelection div {font-size: 14px;}
.sysItemListDisp {margin-bottom: 5px;}
ul.sysThumbnail form {margin-top: 10px;}
.sysItemListViewType label:last-child {display: none;}
.sysAddSelection select {margin: 5px 0;width: 100%;}
/*==========================================
ここから商品説明タブ用CSS*/
header.infomation {height: 80px !important;}
div#tabBoxes div ul.clearfix li {width:49%;}
div#tabBoxes div ul.clearfix li img {width:100%;}
div.ItemDescription {margin: 0px 0 0;}
#tabMenuProduct ul{width:500px;margin: 0 auto;}
#tabMenuProduct li {float: left;width: 150px;height: 45px;line-height: 50px;text-align: center;font-size: 14px;border-radius: 10px 10px 0 0;position: relative;z-index: 2;cursor: pointer;font-weight: bold;letter-spacing: 1.2px;color: /*#759caa*/#434343;}
#tabMenuProduct li:last-child {width:215px;}
#tabBox1,#tabBox2,#tabBox3{width:515px;padding: 5px;background:#fff;line-height: 1.5em;font-size:14px;margin:0 auto;}
#tabBox2, #tabBox3 {display:none;}
#tabMenuProduct li.select{border: 1px solid #ccc;border-bottom: 1px solid #eceff1;color: #434343;}
div.borderBottom {border-top: 1px solid #ccc;position: relative;top: 45px;z-index: 1;}
#tabMenuProduct li:hover {text-decoration: underline;}
#tabMenuProduct li.select:hover{text-decoration: none;cursor: default;}
ul#tabMenuProduct li:last-child {color: #c62828 !important;}
/* 商品紹介用css
==================================================================*/
div#tabBox1 p {font-size: 14px;color: #434343;margin-top: 10px;}
.ProductTabIMG {margin:15px 0 10px; width:100%; max-width:530px;}
/* 商品仕様用css
==================================================================*/
/*==================================================================
2016/09/20 商品仕様615px版
==================================================================*/
table.products {width: 100%; text-align: left; margin: 10px 0;}
table.products thead tr th {padding: 7px 0 7px 3px; font-size: 1.2em; border-bottom: 1px solid #ccc;}
table.products tbody th {width: 20%; vertical-align: middle;}
table.products tbody th, table.products tbody td {border-bottom: 1px solid #ccc; padding: 10px 5px;}
table.products tbody th, table.products tbody td a {font-size:14px !important;}
/* ユーザーガイド部分のCSS
==================================================================*/
#tabBox3 ul li {float: left;margin-bottom:3px;}
#tabBox3 ul li:nth-child(odd){margin-right: 7px;}
#tabBox3 ul.clearfix.UserGuideBox {display: flex;flex-wrap: wrap;justify-content: center;}
/*==========================================
ここからモーダルウィンドウ用CSSここから*/
.modal-content {width: 825px;margin: 0 auto;padding: 8px 8px;border: 1px solid #aaa;background: #eceff1;position: fixed;display: none;z-index: 2;overflow-x: hidden;overflow-y: scroll;height: 710px;}
.modal-overlay {z-index: 1 ;display: none ;position: fixed ;top: 0 ;left: 0 ;width: 100% ;height: 120% ;background-color: rgba(236,239,241,0.75);}
.button-link2 {font-size: 40px;display: block;margin: 20px 0 0 auto;width: 50px;position: fixed;top: -15px;right: -12px;}
.button-link2:hover {text-decoration: none;cursor: pointer;}
.button-link {margin-top: 5px;}
/* ここから全体スクロールバーデザイン変更用CSS */
.modal-content::-webkit-scrollbar{overflow:hidden;width:10px;background:#eceff1;}
.modal-content::-webkit-scrollbar:horizontal{height:1px;}
.modal-content::-webkit-scrollbar-button{display:none;}
.modal-content::-webkit-scrollbar-piece{background:#eceff1;}
.modal-content::-webkit-scrollbar-piece:start{background:#eceff1;}
.modal-content::-webkit-scrollbar-thumb{background:#607d8b; border-radius:2px; position: relative;z-index: 9999;}
div#lightbox {display: none;}
/* ここからレビューまとめ用CSS */
body.sysItemReview #sysMain form {text-align: left !important;display: block !important;width: 500px !important;margin: 0 0!important;}
body.sysItemReview h3 {margin: 25px 0 10px !important;text-align: left !important;width: 505px !important;}
body.sysItemReview select {width: 500px !important;padding: 10px 0 10px 5px !important;font-size: 14px !important;color: #434343 !important;border: 1px solid #ccc !important;}
body.sysItemReview input.sysButton {margin-top: 10px !important;background: #434343 !important;color: #fff !important;width: 500px !important;padding: 14px 0 !important;border-radius: 5px !important;border: 1px solid #ccc !important;font-weight: normal !important;font-size: 14px !important;display: block !important;}
body.sysItemReview div img.sysList {width: 330px;display: block;margin: 25px 0;}
body.sysItemReview ul.sysReviewHistoryList {width: 100%;max-width: 680px;margin: 0 0;}
body.sysItemReview ul.sysReviewHistoryList {text-align: left;margin: 25px 0 !Important;max-width: 1040px !important;}
body.sysItemReview ul.sysReviewHistoryList li {margin-bottom: 30px;}
.sysAcceptDomain a {font-size: 14px;}
/* =================================
セール用CSSここから */
/*div.SaleSale {background: #FFFFFF;width: 100%;height:56px;box-sizing: initial;}
div.SaleSale img {width:1040px;height:56px;}
div.SaleSale:hover {opacity: 0.7;transition-duration: 0.7s;}*/
div.SaleSale02 {background: #FFFFFF;width: 100%;height:56px;box-sizing: initial;}
div.SaleSale02 p {width:1040px; font-size:16px; color:#434343; margin:0px auto 0; padding-top:5px;}
div.SaleSale02:hover {opacity: 0.7;transition-duration: 0.7s;}
/* =================================
ゲストボイスページ用CSSここから */
body#guestvoice div.sysReviewItemName a {display: block;font-size: 14px;text-align: left;}
body#guestvoice div.sysReviewItemList ul.sysReviewList li {padding: 15px 5px 5px;border-top: 1px solid lightgray;}
body#guestvoice div.sysNickname {font-size: 14px;display: block;text-align: left;margin: 10px 0;}
body#guestvoice div.sysEvaluation {font-size: 14px;color: #bbad00;text-align: left;margin: 10px 0 30px;}
body#guestvoice div.sysReviewText {text-align: left;font-size: 14px;display: block;margin-top: 10px;line-height:1.5em;}
body#guestvoice div.sysReviewDatetime {text-align: left;font-size: 14px;margin: 15px 0;}
body#guestvoice div.sysReviewItemList ul.sysReviewList li .sysThumbnailImage {width: 100px;float: left;margin-right: 5px;}
body#guestvoice div.sysReviewImproperForm {text-align: left;display: none;}
section.Feature {margin: 15px auto 0 !important;}
.sysFuncText.SellingRanking.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left: 285px;}
.sysFuncText.CustomPartsIndex.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-left:285px;}
.sysItemList ul.sysList li .sysThumbnailImage {width: auto; float: none;}
div#j_Box_Parts {margin-top:30px;}
/* =============================================================================================================================== */
.sysFuncCartInfo.Price_deli.sysDisplayKeitaiNone{width: 100%;max-width: 1040px;margin: 0 auto;position: relative;top: 77px;display:none;}
.Price_deli .sysContent {padding: 0px !Important;}
.sysContent dl.sysCartInfoRemainFreeShipping {/* display: flex;justify-content: flex-start; */background: none;padding: 10px 0;}
.sysContent dl.sysCartInfoRemainFreeShipping dt {color: #3a3a3a;letter-spacing: 1px;font-weight: normal;}
.sysContent dl.sysCartInfoRemainFreeShipping dd {color: #383838;font-weight: bold;}
div#ContentsBoxItem {cursor: move;position: fixed;top:100px; left: 25px;}
div#BoxShowAndHide {margin: 0 0 10px;}
div#BoxShowAndHide p {background: #434343; color: #fff; font-size: 12px; padding: 12px 20px;text-align: center; border-radius: 5px;}
section#SidePageNation { width:260px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); padding: 10px 8px; border-radius: 10px;z-index: 9999;}
section#SidePageNation div.benefitText {margin-bottom: 20px;border-bottom: 1px dashed #ccc; padding: 10px 0 10px;}
section#SidePageNation div.benefitText p {font-size: 12px; font-weight: bold; color: #434343;margin-bottom: 10px;}
section#SidePageNation div.benefitText p i {margin-right: 8px; color: #434343;}
section#SidePageNation div.TelBox {border-bottom: 1px dashed #ccc; padding: 0px 0 10px;}
section#SidePageNation div.TelBox p {font-size: 12px; font-weight: bold; color: #434343;margin-bottom: 5px;}
section#SidePageNation div.TelBox p.telText {}
section#SidePageNation div.TelBox p.telNumber {font-size: 20px; color: orange;margin-top: 10px;}
section#SidePageNation div.TelBox p.telNumber i {color: orange; margin-right: 5px;}
section#SidePageNation div.TelBox p.e-Mail {margin-top: 10px;}
section#SidePageNation div.TelBox p.e-Mail a {font-size: 12px; color: #434343;}
section#SidePageNation div.TelBox p.e-Mail a i {font-size: 12px; color: #434343; margin-right: 5px;}
section#SidePageNation div.TelBox p.lastTxt {font-size: 12px; color: #434343; margin-top: 10px;}
form.header_SearchBox002 {width: 240px; position: relative;margin: 15px 0 5px;}
form.header_SearchBox002 input.FreeWordSearch {height: 18px;border-radius: 5px;outline: none;-webkit-appearance: none;border: 1px solid #ccc;padding-left: 5px;padding:20px 0 18px 5px;font-size:12px;}
form.header_SearchBox002 .serchWord {position: relative;}
form.header_SearchBox002 input.FreeWordSearchSubmit {position: absolute;top: 0;right: 0px;border-radius: 5px;border: none;height: 40px;background: none;width: 35px;cursor: pointer;z-index:998;outline:none;}
form.header_SearchBox002 i.fa.fa-search.position {position: absolute;top: 11px;right: 10px;color: #434343;}
div.h-searchForM2002 p.CateLink {text-align: center;margin-top: 15px;}
div.h-searchForM2002 p.CateLink a {font-size: 14px; background: #607d8b; color: #fff;width:240px; padding: 10px 0; display: block;border-radius: 5px;text-decoration: none;}
div.h-searchForM2002 p.CateLink a:hover {opacity: .7;}
.sysFuncCartInfo.FreeForm.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone .sysContent {padding: 0;}
/* .sysContent dl.sysCartInfoRemainFreeShipping {display: flex;justify-content: flex-start;background: none;padding: 10px 0;} */
.sysContent dl.sysCartInfoRemainFreeShipping dt {color: #434343;letter-spacing: 1px;}
.sysContent dl.sysCartInfoRemainFreeShipping dd {color: #434343;}
.sysFuncCartInfo.FreeForm.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {/*position: absolute;top: 188px;right: 5px;*/width: 270px;}
#ContentsBoxItem {display:none;}
/*ラックランキング*/
.Rack_rankings .sysContent .sysHorizontal li {float: none;width: 19%;padding: 5px;}
.sysFuncItemBlock.Rack_rankings.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone ul.sysHorizontal {margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sysFuncItemBlock.Rack_rankings.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-top: 40px;}
/*25mmカスタムパーツランキング*/
.CustomParts25mm .sysContent .sysHorizontal li {float: none;width: 19% !important;padding: 5px;}
.sysFuncItemBlock.CustomParts25mm.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone ul.sysHorizontal {margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sysFuncItemBlock.CustomParts25mm.sysDisplayMobileNone.sysDisplayTabletNone.sysDisplayKeitaiNone {margin-top: 45px;}
.sysFuncItemBlock.sm_rackRanking {display: none;}
.Recommnd-Item .sysContent .sysHorizontal li {margin: 0px !important;}
.sysFuncText.sm_RackRankings {display: none;}
body#sysItemReviewIndex div#sysMain {float: none !important;width: 100% !important;margin-left: 0 !important;max-width: 1040px;margin:0 auto !important;}
body#sysItemReviewIndex div#sysMain ul.sysReviewHistoryList li {background: #efefef;padding: 10px;overflow-x: hidden;width: 100%;max-width: 660px;border: 1px solid #ccc;}
body#sysItemReviewIndex div#sysMain ul.sysReviewHistoryList {text-align: left;margin: 25px 0 !Important;max-width: 680px !important;}
body#sysItemReviewIndex div#sysMain > div > img.sysList {width: 330px;max-width: 680px;}
body#sysItemReviewIndex div#sysMain input.sysButton {margin-top: 10px !important;color: #434343 !important;width: 40% !important;border-radius: 5px !important;font-weight: normal !important;font-size: 14px !important;display: inline-block !important;text-align: right;outline:none;}
body#sysItemReviewIndex div#sysMain form {text-align: left !important;display: block !important;width: 100% !important;max-width:680px;margin: 0 0!important;}
body#sysItemReviewIndex div#sysMain .sysEvaluation {color: #bbad00;margin: 10px 0;}
body#sysItemReviewIndex div#sysMain .sysNickname {color: #434343;font-size: 14px;}
body#sysItemReviewIndex div#sysMain .sysFormLabel{font-size: 16px;}
body#sysItemReviewIndex div#sysMain .sysReviewText {line-height: 1.5em;margin: 0 0 10px;color: #434343;font-size: 14px;}
body#sysItemReviewIndex div#sysMain .sysReviewDatetime {font-size: 14px;color: #434343;text-align: right;margin-top: 15px;}
body#sysItemReviewIndex div#sysMain select[name="sort"] {width: 100% !important;max-width: 300px;padding: 10px 0 10px 5px !important;font-size: 14px !important;color: #434343 !important;border: 1px solid #ccc !important;-webkit-appearance: none;}
body#sysItemReviewIndex div#sysMain .sysReviewImproperForm {position: relative;overflow-y: hidden;}
body#sysItemReviewIndex div#sysMain .sysReviewImproperForm::after {content: ">";font-size: 12px;color: #434343;position: absolute;top: 22px;right: 165px;}
.sysItemName a {font-size: 12px !important;line-height: 1.5em !important;}
h3#RackRanking25mm span.SmallTxt::after {content: "毎週水曜更新";font-family: sans-serif;font-weight: normal;font-size: 14px;position: relative;right: -130px;}
h3#RackRanking25mmp span.SmallTxt::after {content: "毎週水曜更新";position: relative;right: -85px;font-size: 14px;font-family: sans-serif;font-weight: normal;}
iframe[name="google_conversion_frame"] { position: absolute; top: 0; }
iframe.size01 {height:325px;}
iframe.size02 {height:660px;}
iframe.size03 {height:925px;}
.TopBackbtn .sysContent {padding: 0px;}
div.h-searchForM {margin: 0px 0 25px; !important;}
body#sysMemberRegisterIndex div#sysMain input.sysNextSubmit {width: 100%;max-width: 300px;padding: 5px 0 3px;}
body.sysCart .sysAmazonConfirmLogin {width: 100%;max-width: 200px;}
body.sysCart .sysAmazonSelectDelivery {display: -webkit-flex;justify-content: space-between;}
body.sysCart .sysAmazonSelectDelivery label {width: 15%;}
body.sysCart .selectAmazonDeliveryMethod {margin: 0;}
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {width: 100% !important;max-width: 295px !important;}
/* body.sysCart ul.nav li:nth-child(3) {background: none;border: none;box-sizing: border-box;padding: 10px;} */
body.sysCart div.sysTotal div.sysBox {background: #efefef;border: 1px solid #ccc;}
body.sysCart div.sysProduct div.sysBox {background: #efefef !important;border: 1px solid #ccc !important;padding: 10px !important;}
/* =================================
レビュー入力画面,確認画面用CSSここから */
body#sysItemReviewIndex div#sysMain .sysEvaluation div.sysFormField input {
width: auto !important;
}
.sysItemReview div#sysMain {
width: 60% !important;
margin: 0 auto !important;
float: none !important;
}
.sysFormItem.sysReviewText div.sysFormField {
width: 100%;
}
#sysItemReviewThanks #sysMain div {
padding: 80px 0;
}
/* =============================================================================================================================== */
@media screen and (max-width: 1300px) {
.SideFixBanner {
display: none;
}
} /* - 1300pxこのサイズより小さい場合に適用 */
nav.MainNaviBox li a:before {
display:none !important;
}
nav.MainNaviBox li a:hover {
opacity: .8;
}
/* =====================================================================================
ここから価格表用CSS*/
#pricecheck {
/* CSS Document */
}
#pricecheck div .longvacation {
color: #333;
font: 14px/2 "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
#pricecheck .newkago_price_list_img table {
border-collapse: collapse;
border: 1px solid #bbb;
}
#pricecheck .newkago_price_list_img p {
font-size: 11px;
padding: 2px;
border: 2px;
text-align: right;
}
#pricecheck .newkago_price_list_img table th,
#pricecheck .newkago_price_list_img table td {
border: 1px solid #bbb;
text-align: center;
vertical-align: middle;
font-weight: 700;
height: 52px;
padding: 0;
}
#pricecheck .newkago_price_list_img .img1 {
background: url(https://www.perfect-space.jp/img/i/cart/npl_01.jpg) no-repeat left top;
width: 128px;
}
#pricecheck .newkago_price_list_img .img2 {
background: url(https://www.perfect-space.jp/img/i/cart/npl_02.jpg) no-repeat;
width: 139px;
}
#pricecheck .newkago_price_list_img .img3 {
background: url(https://www.perfect-space.jp/img/i/cart/npl_03.jpg) no-repeat left top;
width: 88px;
}
#pricecheck .newkago_price_list_img .img4 {
background: url(https://www.perfect-space.jp/img/i/cart/npl_04.jpg) no-repeat;
width: 114px;
}
#pricecheck .newkago_price_list_img .color1 {
background: #f1eedf;
}
#pricecheck .newkago_price_list_img h2 {
font-size: 16px;
margin: 0;
padding: 0;
}
#pricecheck .newkago_price_list_img #text_1mai {
margin: 10px 0;
}
#pricecheck .FS2_additional_image_container_main {
float: left !important;
width: 400px !important;
margin-bottom: 0.5em !important;
}
#pricecheck .FS2_additional_image_container_main {
float: left !important;
width: 400px !important;
margin-bottom: 0.5em !important;
}
#pricecheck #FS2_itemlayout_IH3 .FS2_additional_image_btn_thumbnail_container {
margin-bottom: 0.5em !important;
}
#pricecheck #FS2_itemlayout_IH3 .FS2_additional_image_itemdetail_container_right {
width: 370px;
}
#pricecheck .FS2_additional_image_btn_thumbnail_container .FS2_thumbnail_container {
display: table-cell;
vertical-align: middle;
}
#pricecheck .FS2_eye_catch_icon {
display: none;
}
#pricecheck img {
border: 0;
}
#pricecheck .newkago_price_list_img {
margin: 0;
float: left;
}
#pricecheck .newkago_price_list_img02 {
margin: 20px 5px 10px 5px;
display: none;
}
#pricecheck .newkago_price_list_img03 {
margin: 156px 5px 10px;
}
#pricecheck .sdl_price_list .newkago_price_list_img03 {
margin: 70px 5px 10px !important;
}
#pricecheck .newkago_price_list_img04 {
margin: 5px;
}
#pricecheck .newkago_price_list_img06 {
margin: 85px 5px 10px;
}
#pricecheck #pl_table span {
display: block;
}
#pricecheck #pl_table span:nth-child(1) {
font-size: 11px;
text-decoration: line-through;
text-align: left;
margin-left: 15px;
}
#pricecheck #pl_table span:nth-child(2) {
color: #e00000;
font-size: 16px;
}
#pricecheck #pl_table span.add_common_attention:nth-child(2) {
font-size: 11px;
}
#pricecheck .table_caution {
font-size: 14px;
}
#pricecheck .meka_price_list table {
overflow: scroll;
}
#pricecheck .meka_price_list .page_itemdetail_rs_tdbg_red {
color: #ff0000;
}
#pricecheck .meka_price_list .page_itemdetail_rs_tdbg_blue {
color: #2b00ff;
}
/* =====================================================================================
}
/* #END_OF_RESOURCE_FILE */