.clear { clear:both; } .contentContainer:after, .contentContainer:before { background-image: none ! important; } .bignumber { font-size:2.5rem; } .lightyellow { color:red; font-weight: 100; font-size: 1rem; } .whitelink { color:#fff; font-size: 0.9rem; cursor:pointer; } .deepblue { color:#3E8DDD; font-weight: 700; } .cw4 { width:25%; } .cw3 { width:33.3333%; } .cw2 { width:50%; } .border-left { border-left: 1px solid #E9E9E9; } .redbumber { color: #FF0000; font-size: 1.7rem; line-height:1.2em; font-weight: 700; } .coupon-orange { color:#FF0000; font-size: 1.7rem; font-weight: 700; } .bluelink { color: #009DD9; text-decoration: underline; } .feature-mr { margin-left: 2%; } .biggreen { font-size: 1.4rem; font-weight: 700; color: #64C807; } .top-bor { border-top: 1px dotted #C8C8C8; } .button-all { width:90%; height:46px; line-height: 46px; margin:6% auto; text-align: center; font-weight: 700; font-size: 0.8rem; cursor: pointer; } .button-yellow { background-color: #258EBF; color:#fff; } .button-yellow:hover { opacity: 0.75; } .other-model-link { color:#08638B; border:1px solid #08638B; margin-top: 0; } .other-model-link:hover { background-color: #08638B; color:#fff; } .loading-icon { font-weight: bold; text-align: center; width: 100%; margin: 0 auto; background-color: #FFF; padding: 64px; border: 1px solid #EFEFEF; } .cls { display: block; } .opn { display: none; } #main-content { width:100%; margin:0 auto; font-family: helvetica,arial,"lucida grande",verdana,"メイリオ","MSPゴシック",sans-serif ! important; } .hero-image { width:100%; } #hero { display: block; } #hero-sm { display: none; } #coupon-container { width:100%; background-color:#000; } #coupon { width:100%; padding:10px 20px 10px 20px; margin:0 auto; cursor:pointer; } #coupon-big, #coupon-small { width:100%; height:auto; font-weight: 700; text-align: center; color:#fff; line-height:130%; font-size: 16px; margin-top: 12px; margin-bottom: 6px; } #coupon-big { display: block; } #coupon-small { display: none; padding: 16px 0; } #Jptop_Contents { width:96%; margin:16px auto 0 auto; } .section-title { height:34px; width:100%; border-bottom: 3px solid #DEE3E2; font-size: 1.2rem; text-align: left; font-weight: 700; color:#3E8DDD; } #recommendation-tabs-nav, .recommendation-tabs-nav { margin-top: 20px; width:100%; display:block; list-style: outside none none; } #recommendation-tabs-nav .tab-nav li{width: 16.6%;} #recommendation-tabs-nav .tab-nav,.recommendation-tabs-nav .tab-nav { width:100%; display:table; padding:0; margin-bottom: 0; } .tab-nav li { border-right:1px solid #fff; display: table-cell; height: 100%; text-align:center; vertical-align: middle; list-style-type:none; cursor:pointer; color: #fff; background-color: #949494; } .tab-nav .tab-item, .tab-nav.resp-tabs-list li { position: relative; height:100%; display:block; padding:10px 0; } #recommendation-tabs-nav .resp-tab-active{ background-color: #3E8DDD; color:#fff; } #recommendation-tabs-nav .tab-item-content, .recommendation-tabs-nav .tab-item-content { width:100%; } .blue-icon, .white-icon { width:30%; margin:0 auto; } .blue-icon img, .white-icon img { width:100%; } .tab-item-content div { text-align: center; font-weight: 700; padding: 1% 0px; font-size: 0.8rem; } #call-out-area { background-color: #4f81bd; color: #fff; font-size: 22px; } #call-out-area p { margin:0; padding:0; text-align: center; } #resp-tabs-container, .resp-tab-content { width:100%; } .resp-tab-content { color:#000; overflow: hidden; text-align: left; } .resp-tab-content ul { padding:7px; margin-top: 10px; display: inline-block; text-align: center; margin-left: -1px; vertical-align: top; } .resp-tab-content ul li { list-style-type:none; } .product-description span{color:#258ebf; font-weight:700;} .product-description { width:100%; line-height: 20px; background-color: #F7F8F9; margin-bottom: 10px; padding:10px; font-size: 0.9rem; font-weight: 100; } .sub-product-description { width:100%; font-size: 0.9rem; margin-bottom: 5px; line-height: 20px; } .top-img{position:relative;text-align:center;} .top-img .modelsp {display:inline-block;background:#FF0052;color:white;border-radius: 4px;padding: 2px 5px;font-size:.8em;} .top-img-inner { margin: 0px auto; width: 170px; height: 120px; } .screen-size-container { position: absolute; margin-top: 8px; } .screen-size-left { width:7px; height:23px; background-color: #9f2f24; margin-top: 2px; -webkit-transform: skew(0deg,-30deg); -moz-transform: skew(0deg,-30deg); -o-transform: skew(0deg,-30deg); -ms-transform: skew(0deg,-30deg); float: left; } .screen-size { height:23px; background-color: #db291d; color: #fff; font-size: 0.9rem; font-weight: 700; float: left; padding-left: 9px; padding-right: 9px; } .product-name { font-size: 1.1rem; font-weight: 700; } .product-name-mar{ margin-top:20px; } .price-content { font-size: 0.8rem; } .price-coupon-before { width:100%; padding: 10px 0 10px 0; } .price-coupon-after { width:100%; line-height: 20px; padding-bottom: 10px; color: #e2231a; } .product-feature { width:100%; margin-bottom: 10px; } .one-feature { font-size: 0.8rem; padding:4px; width:23%; font-weight: 100; color: #009DD9; border: 1px solid #48A6DC; display: inline-block; } .product-coupon { width:100%; padding: 16px 0 16px 0; } .coupon-off, .coupon-code { margin-bottom: 10px; font-size: 0.9rem; font-weight: 100; } .coupon-code { line-height: 24px; } .coupon-use { width:90%; padding:15px; border: 1px dotted #009DD9; font-size:0.8rem; margin:0 auto; line-height: 20px; } .limited-coupon { padding:16px 0; font-size: 0.9rem; } .limited-coupon-desc { line-height: 20px; } .other-desc { color: #009DD9; font-size: 0.9rem; font-weight: 100; text-align: center; text-indent: -1em; padding: 1em 0; } .call-out-orix-payment { text-align: center; font-size: 0.9rem; } .call-out-phone { text-align: center; padding:10px; } .call-out-orix-payment div { vertical-align: middle; display: inline-block; } .call-out-orix-payment img { width: 45%; vertical-align: middle; } .call-out-phone-title { color:#7f7f7f; font-size: 1rem; font-weight: 700; } .call-out-phone-number { color:#FF0000; font-size: 1.5rem; font-weight: 700; line-height: 26px; } li.acce-desc{ text-align: left; } .other-desc div { padding-left: 1em; } .specs-stretch { height:53px; width:100%; padding:10px 12px; background-color:#4A4A4A; color:#fff; font-size: 0.9rem; font-weight: 700; text-align: left; cursor: pointer; display: none; } .product-specs ul { display:block; } .specs-stretch div { display:inline-block; } .stretch-button { width:33px; height:33px; background-color: #fff; color:#4A4A4A; font-size: 1.2rem; margin-right: 8px; text-align: center; } .featureList-linedRows .tp, .featureList-linedRows .bm { text-align: left; color:#000; font-size: 0.8rem; } .featureList-linedRows .tp { padding: 10px 12px 0 12px; font-weight: 700; } .featureList-linedRows .bm { padding: 0 12px 10px 12px; font-weight: 100; } .featureList-linedRows li:nth-of-type(2n+1) { background: none repeat scroll 0% 0% #F3F3F3; } .tp img { width: 24px; height:24px; margin-right: 10px; display: inline-block; vertical-align: middle; } .tp span { display: inline-block; vertical-align: middle; } #coupon-link { font-size:0.9rem; width:100%; color:#0291D3; text-align: center; font-weight:900; text-decoration: underline; padding:0; margin-top: 40px; } #middle-espot-container { margin:40px 0 40px 0; width:100%; } #middle-espot-list { width:100%; padding-left:15px; position:relative; text-align: center; } #middle-espot-list li { width:30%; list-style-type:none; margin:0 1%; border: 1px solid #4792af; display:inline-block; vertical-align: middle; cursor:pointer; text-align: left; } #middle-espot-list li:hover { opacity: 0.75; } .middle-espot { height:125px; min-height: 125px; box-shadow: 0; } #middle-espot-list article { width:100%; } .middle-espot-title { font-size: 0.95rem; padding:0.5em; width:100%; color:#127298; } .middle-espot-content { float: left; padding: 0.7em; margin-top: 0px; width:75%; padding-right: 0.5em; } .middle-espot-subtitle { font-size: 0.8rem; color:#333; } .middle-espot-media { width:21%; margin-left: 4%; border-left: 1px solid #127298; float:left; } .middle-espot-media img { width:100%; vertical-align: bottom; } #lineup-container { margin-top: 20px; } #lineup-container ul { padding:0; } .lineup-item { width:25%; padding:10px; font-size: 0.9rem; font-weight: 700; text-align: center; border-right:1px solid #fff; background-color: #949494; display:inline-block; vertical-align: middle; list-style-type:none; margin-bottom: 1px; cursor:pointer; word-wrap:break-word; } .lineup-item-content { width:100%; } .lineup-item-content div { color:#fff; } .lineup-item-active { background-color: #3E8DDD; } .lineup-item-active .lineup-item-content div{ color:#fff; } .lineup-item-content img { width:44%; margin:0 auto; display: block; } #news { width:63%; float:left; color:#000; } #news ul { width:96%; margin:0 auto; padding:0; } #news ul li { width:100%; border-bottom: 1px dotted #E2E2E2; list-style-type:none; } .news-item { padding:12px 0 12px 0; font-size: 0.8rem; } .news-item-date { width:20%; font-weight: bold; float:left; text-align: right; } .news-new { padding:0 10px 0 10px; background-color: red; color:#fff; } .news-item-content { width:78%; float:left; margin-left: 2%; } .news-item-content p { margin:0; } .news-item-content p a { color:#0291D3; text-decoration: underline; } #more-news { width:100%; font-size: 0.9em; font-weight:900; text-align: right; color:#0291d3; text-decoration: underline; margin-top: 15px; cursor: pointer; } #customer-info { width:33%; float:right; color:#000; } #customer-info ul { width:100%; padding: 0; margin:0; } #customer-info ul li { padding: 3.5% 0 3.5% 18%; border-bottom: 1px dotted #DEE3E2; list-style-type:none; } .one-info-top, .one-info-bottom { width:100%; } .one-info-top { color:#949494; padding:2.5% 0 2.5% 0; font-weight: 700; font-size: 1em; cursor:pointer; } .one-info-top:hover { opacity: 0.75; } .one-info-top img { width:14.6%; max-width: 34px; display: inline-block; vertical-align: middle; } .one-info-top div { display: inline-block; width:80%; text-align: center; } .one-info-bottom { font-size: 0.75em; width:100%; text-align: center; } #intel-logo { text-align: center; padding-top: 8px; } #intel-logo img { margin-top:20px; } #sbiz-chat-window { display:none ! important; } #bottom-chat-container { width:100%; padding:20px 0; text-align: center; } #bottom-chat { width:33%; min-width: 328px; padding:14px; border: 1px solid #009DD9; border-radius: 5px; color: #009DD9; font-size: 1rem; font-weight: 700; margin: 0 auto; cursor: pointer; } #bottom-chat:hover { opacity: 0.75; } #bottom-chat img { width:17%; } #bottom-chat p { margin:0; } #bottom-chat img, #bottom-chat p { display: inline-block; vertical-align: middle; } #tele-sales-benefit { padding-top: 30px; } #tele-sales-benefit-container ul { padding:0; } #tele-sales-benefit-container ul li { list-style-type:none; width:25%; padding:9px; font-size: 0.9rem; font-weight: 700; text-align: center; border-right: 1px solid #fff; display: inline-block; vertical-align: middle; } .benefit-clickable { background-color: #949494; } .benefit-clickable:hover { background-color: #40b6e1; } #tele-sales-benefit-container ul li img { width:30%; } .benefit-text { background-color: #fff; color:#949494; font-size: 0.9rem; padding: 2px; margin-bottom: 14px; } .benefit-bottom-text { color:#fff; font-size: 0.9rem; } .benefit-link { color:#fff; } /* kakaku sp */ .product-anchor{max-height: 0;overflow:hidden;} .kakaku-content .resp-tab-item:hover{background: #3e8ddd;} .kakaku-content .product-description{min-height:60px;background: #e1ecf0;} .kakaku-content .coupon-orange{font-weight: 700;color:#ff6a00;} .kakaku-content .squiz b{color: #6abf4a;} .kakaku-content .squiz span{color:CornflowerBlue;font-weight: 700;} .kakaku-content .redbumber{color:inherit;} .kakaku-content .button-yellow{background:#ffc82e;color:#111;} .kakaku-content h2.resp-tab-active{background: #3E8DDD !important;} .kakaku-content ul.tab-nav li{ border: 1px solid #0078d7; background: white; color:#0078d7; width: 20%; } .kakaku-content ul.tab-nav li:not(:first-child){border-left:0;} .kakaku-content ul.tab-nav li:hover .product-anchor{max-height: 500px;position: absolute;} .kakaku-content.recommendation-tabs-nav li.resp-tab-active,.kakaku-content.recommendation-tabs-nav .tab-nav li:hover{ background: white; color:#0078d7; border: 3px solid #0078d7 !important; } .product-anchor{ width: 100%; position: absolute; background: white; box-shadow: 3px 3px #0078d7, 0 3px #0078d7, -3px 3px #0078d7; } .product-anchor a{display:block;padding: 0 1em;text-align:left;line-height: 48px;height: 48px} .product-anchor a:before{ content: "☐"; margin-right: 10px; } .product-anchor a.checked:before{content:'☑';font-size: 1em;margin-right: 10px;} .product-anchor a:hover{ background:#0078d7; color: white; } @media screen and (min-width: 513px) and (max-width: 815px) { .cw4 { width: 50%; } .cw3 { width:50%; } .resp-content-items { border-bottom: 3px solid #DDD; } #news { width:100%; float: none; } #customer-info { width:100%; float: none; } #customer-info ul li { padding:1% 2%; width:50%; float: left; border-bottom: 1px solid #DEE3E2; } #customer-info ul li:nth-of-type(2n+1) { border-right: 1px solid #DEE3E2; } .one-info-top { font-size: 0.9rem; } .one-info-top div { text-align: left; padding-left: 5px; } .one-info-bottom { display: none; } #bottom-chat{ width:50%; min-width: 328px; } #tele-sales-benefit-title { height:68px; } #tele-sales-benefit-container ul li { width:50%; margin-top: 5px; } } @media screen and (max-width: 512px) { .bignumber { font-size:4rem; } #hero { display: none; } #hero-sm { display: block; } #coupon-big { display: none; } #coupon-small { display: block; } .cw4 { width: 100%; } .cw3 { width: 100%; } .cw2 { width: 100%; } .resp-content-items { border-bottom: 3px solid #DDD; } .section-title { font-size: 0.9rem; } #recommendation-tabs-nav, .recommendation-tabs-nav { margin-top:5px; } #recommendation-tabs-nav li { width:100%; float:none; } #recommendation-tabs-nav .tab-nav li{ width:33%; border-bottom: 1px solid #fff; } .tab-item-content div { text-align: center; } .specs-stretch { display:block; } .product-specs ul { display:none; } #middle-espot-list li { width: 90%; margin-bottom: 12px; } .lineup-item { width:100%; background-color: #fff; border-bottom: 1px dotted #DDD; text-align: left; } .lineup-item-content img { display: none; } .lineup-item-content div { color:#949494; display: inline-block; } #lineup-container { margin:0; } .lineup-item:hover { opacity: 0.75; } #lineup-container img{ display:none; } #news { width:100%; float: none; margin-bottom: 40px; } .news-item-date, .news-item-content { width:100%; float:none; } #more-news { text-align: center; } #customer-info { width:100%; float: none; } #customer-info ul li { padding-left: 2%; padding-top: 0; padding-bottom: 0; } .one-info-top { font-size: 0.9rem; } .one-info-top img { width:8%; } .one-info-top div { width:90%; text-align: left; padding-left: 5px; } .one-info-bottom { display: none; } .news-item-date { text-align: left; } #bottom-chat{ width:70%; min-width: 299px; font-size: 0.9rem; } #tele-sales-benefit-title { height:60px; } #tele-sales-benefit-container ul li { width:100%; border-right: 0px; margin-top: 5px; } } @media screen and (max-width: 360px) { #tele-sales-benefit-title { height:78px; } }