﻿/*Common*/
body{color:#343434;font-size:1em;line-height:1em}
section{width:100%;display:inline-block}
article{width:1200px;display:inline-block}
.Content1{height:664px;background:url(/kimg/prd_details/memory/Urbane_main_img.jpg) right top;background-size:cover;position:relative}
.Content1 .main_text ul{width:55%;float:left;text-align:left;margin-top:210px}
.Content1 .main_text ul li.text1{font-size:1.5em;letter-spacing:-1px;margin-bottom:20px;font-weight:500}
.Content1 .main_text ul li.text2{font-size:1.3em;color:#9d9d9d;margin:45px 0}
.Content2{height:987px;background:url(/kimg/prd_details/memory/Urbane_features_bg.jpg) no-repeat left top;background-size:cover;position:relative}
.Content2 ul.fe_text{float:right;text-align:right;margin-top:130px}
.Content2 ul.fe_text li.tit{font-size:2em;font-weight:bold;line-height:1em;letter-spacing:1px;color:#fff}
.Content2 ul.fe_text li.text1{font-size:0.9em;line-height:1.6em;margin:30px 0;font-weight:400;color:#414141;color:#fff}
.Content2 .bottom_contents{width:100%;padding:80px 0;background:url(/kimg/prd_details/common/black_bg.png);position:absolute;left:0;bottom:0;}
.Content2 .bottom_contents ul{width:32.5%;display:inline-block;vertical-align:top;background:url(/kimg/prd_details/memory/Urbane_bottom_line.png) no-repeat right center}
.Content2 .bottom_contents ul li.photo{margin-bottom:40px}
.Content2 .bottom_contents ul li.text{height:95px;color:#fff;font-size:1.4em;font-weight:700;line-height:1.4em}
.Content2 .bottom_contents ul:last-child{background:none}
.Content3{background:#f0f0f0;padding-bottom:105px;margin-top:240px}
.Content3 ul{width:100%;display:inline-block;margin-top:-140px}
.Content3 ul li{display:inline-block}
.Content3 ul li.at_left{float:left}
.Content3 ul li.at_right{float:right}
.Content3 ul li img{width:100%;max-width:378px}
.Content4{background:#f0f0f0}
.Content4 article{text-align:left;background:url(/kimg/prd_details/memory/Urbane_spec_bg.jpg) no-repeat right center}
.Content4 h3{font-size:1.6em;font-weight:bold;line-height:1em;letter-spacing:1px;margin-bottom:20px}
.Content4 table{width:47%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.Content4 table tr{border-bottom:1px solid #cacaca}
.Content4 table th{width:26.5%;padding:18px 0;color:#565656;font-size:0.9em;font-weight:normal;font-family:'Anton'}
.Content4 table td{padding:18px 0;color:#414141;font-size:0.9em;font-weight:400}
.Content4 table td ul li{line-height:1.8em}
.Content4 .btn_area{width:100%;display:inline-block;text-align:center;margin:70px 0}
.Content4 .btn_area a{width:290px;margin:0 15px;display:inline-block;padding:25px 0;font-size:0.8em;color:#fff}
.Content4 .btn_area a img{margin-left:10px}
.Content4 .btn_area a.com_btn1{background:#47a2cc;border:1px solid #47a2cc}
.Content4 .btn_area a.com_btn2{background:#424242;border:1px solid #424242}

@media all and (max-width:1600px) {
    .Content1{background-position:47% top}
}
@media all and (max-width:1400px) {
    .Content2{background-position:21% top}
}
@media all and (max-width:1200px) {
    article{width:100%;padding-left:2%;padding-right:2%}
    .Content2{background-position:28% top}
    .Content3 ul li{width:33%}
    .Content4 article{background-size:50%}
}
@media all and (max-width:1024px) {
    .Content2{background:url(/kimg/prd_details/memory/Urbane_features_bg.jpg) no-repeat 50% top;background-size:cover}
    .Content2 ul.fe_text{margin-top:100px}
    .Content1 .main_text ul{width:60%}
    .Content2 .bottom_contents ul li.text br{display:none}
}
@media all and (max-width:812px) {
    .Content1{height:auto;background:url(/kimg/prd_details/memory/Urbane_m_main_img.jpg) no-repeat right bottom;background-size:cover;padding-bottom:50%}
    .Content1 .main_text ul{width:80%;margin-top:95px}
    .Content2{height:auto;background:#000 url(/kimg/prd_details/memory/Urbane_m_features_bg.jpg) no-repeat center center;background-size:100%;padding-top:75px}
    .Content2 ul.fe_text{margin-top:0;width:80%;padding-bottom:155px}
    .Content2 ul.fe_text li.text1{text-shadow:2px 2px 2px #000}
    .Content2 ul.fe_text li.text1 br{display:none}
    .Content2 .bottom_contents{position:relative;left:initial;bottom:initial;margin-top:220px;padding:80px 0 10px 0}
    .Content2 .bottom_contents ul{width:100%;background:none;margin-bottom:20px}
    .Content2 .bottom_contents ul li.photo{width:30%;float:left}
    .Content2 .bottom_contents ul li.photo img{width:80%}
    .Content2 .bottom_contents ul li.text{height:auto;width:70%;float:left;text-align:left;margin-top:9.5%;line-height:1.2em}
}
@media all and (max-width:670px) {
    .Content1 .main_text ul{width:100%}
    .Content2 article ul{width:50%}
    .Content2 .bottom_contents ul li.text{font-size:1.2em}
    .Content3{padding-bottom:80px;margin-top:170px}
    .Content4 article{background:url(/kimg/prd_details/memory/Urbane_m_specifications_bg.jpg) no-repeat center center;background-size:98%}
    .Content4 table{width:100%}
    .Content4 .btn_area a{width:80%;margin-bottom:15px}
}
@media all and (max-width:524px) {
    .Content1{padding-bottom:43%}
    .Content1 .main_text ul li.text2{margin:4% 0 17% 0}
    .Content1 .main_text ul li.logo img{width:80%}
    .Content2{padding:50px 0 0 0}
    .Content2 ul.fe_text{width:80%}
    .Content2 .bottom_contents{padding:80px 0 0 0}
    .Content2 .bottom_contents ul li.text{font-size:1em}
    .Content3 ul li{width:100%;margin-bottom:15px}
    .Content4 article{background:none}
    .Content4 table{width:100%}
    .Content4 .btn_area a{padding:15px 0}
}
@media all and (max-width:480px) {
    .Content1 .main_text ul li.text1{font-size:1.3em}
    .Content1 .main_text ul li.text2{font-size:0.9em}
    .Content2 ul.fe_text{width:100%}
    .Content2 ul.fe_text li.tit{font-size:1.4em;line-height:1.4em}
    .Content2 ul.fe_text li.text1{font-size:0.8em}
    .Content2 .bottom_contents ul li.text{font-size:0.9em}
    .Content4 table th,
    .Content4 table td{font-size:0.8em}
}
@media all and (max-width:340px) {
    .Content1{padding:26% 0 44% 0;background-size:100%}
    .Content1 .main_text ul{margin-top:0}
    .Content1 .main_text ul li.text1{font-size:1.1em}
    .Content2 .bottom_contents ul li.text{font-size:0.8em;margin-top:7.5%}
    .Content4 h3{font-size:1.2em}
}