/*Common*/
body{color:#343434;font-size:1em;line-height:1em}
section{width:100%;display:inline-block}
article{width:1200px;display:inline-block}
.Content1{height:740px;background:url(/kimg/prd_details/ssd/Urbane_main_img.jpg) right top;background-size:cover;position:relative}
.Content1 .main_text ul{float:left;text-align:left;margin-top:230px}
.Content1 .main_text ul li.text1{font-size:1.5em;color:#fff;letter-spacing:-1px;margin-bottom:20px;font-weight:500}
.Content1 .main_text ul li.text2{font-size:1.3em;color:#9d9d9d;margin:45px 0}
.Content1 .main_text ul li.text3{line-height:1.8em;color:#fff;font-weight:300;text-shadow:1px 1px 2px #000}
.Content2{height:654px;background:#fff url(/kimg/prd_details/ssd/Urbane_content2_bg.jpg) no-repeat left center;background-size:50%;position:relative}
.Content2 ul{float:right;text-align:left;margin-top:160px;width:50%}
.Content2 ul li.tit{font-size:2em;font-weight:700;line-height:1em;margin-bottom:45px}
.Content2 ul li.text1{line-height:1.2em;margin-bottom:25px;font-weight:300;color:#414141;background:url(/kimg/prd_details/ssd/Urbane_bullet.png) no-repeat left 6px;padding-left:13px}
.Content2 img.prd_img{display:none}
.Content3{background:#e4eaee;padding:100px 0;position:relative}
.Content3 .photo{position:absolute;right:0;top:50%;margin-top:-203px;width:45%}
.Content3 .photo img{width:100%}
.Content3 ul{width:50%;float:left;text-align:left}
.Content3 li.tit{font-size:2em;font-weight:700;line-height:1em}
.Content3 li.text1{font-size:1.2em;font-weight:700;color:#18a9ba;margin-top:35px}
.Content3 li.text1 a{color:#18a9ba;padding:0;width:auto}
.Content3 li.text2{font-size:0.9em;line-height:1.6em;margin:10px 0;font-weight:300}
.Content3 li.btn_area{margin-top:25px}
.Content3 li a{width:48%;display:inline-block;padding:15px;text-align:center;font-size:0.9em;color:#fff;margin-bottom:5px}
.Content3 li a img{margin-left:20px}
.Content3 li a.btn1{background:#47a2cc;border:1px solid #2d89b4}
.Content3 li a.btn2{background:#424242;border:1px solid #343434}
.Content4{background:#e4eaee;position:relative}
.Content4 ul.text_area{width:50%;float:right;text-align:right;margin-top:80px}
.Content4 ul.text_area li.tit{font-size:2em;font-family:'Anton';font-weight:normal;line-height:1em;letter-spacing:1px}
.Content4 ul.text_area li.text1{font-size:1.2em;font-weight:700;color:#18a9ba;margin-top:35px}
.Content4 ul.text_area li.text2{font-size:0.9em;line-height:1.6em;margin:10px 0;font-weight:300}
.Content4 ul.text_area li.btn_area{margin-top:25px}
.Content4 ul.text_area li a{width:48%;display:inline-block;padding:15px;text-align:center;font-size:0.9em;color:#fff}
.Content4 ul.text_area li a img{margin-left:20px}
.Content4 ul.text_area li a.btn1{background:#47a2cc;border:1px solid #2d89b4}
.Content4 ul.text_area li a.btn2{background:#424242;border:1px solid #343434}
.Content4 .icon_area{width:50%;height:436px;float:left;background:radial-gradient(circle, #fff 10%, #e4eaee 50%)}
.Content4 .icon_area h4{font-size:1.5em;text-transform:uppercase;color:#00b6eb;margin-top:140px;margin-bottom:20px}
.Content4 .icon_area ul{width:25%;float:left;padding:0 2%}
.Content4 .icon_area ul li.tit{margin:10px 0;color:#00b6eb;font-size:0.9em;font-weight:700}
.Content4 .icon_area ul li.text{color:#717171;font-size:0.7em;line-height:1.2em}
.Content4 .icon_area ul.line1{background:url(/kimg/prd_details/ssd/Urbane_U610_line1.png) no-repeat right center}
.Content4 .icon_area ul.line2{background:url(/kimg/prd_details/ssd/Urbane_U610_line2.png) no-repeat right center}
.Content5 {background:#f0f0f0;padding:80px 0}
.Content5 h3{font-size:1.6em;font-weight:700;line-height:1em;letter-spacing:1px;margin-bottom:20px}
.Content5 .part1{text-align:left;background:url(/kimg/prd_details/ssd/Urbane_photo1.png) no-repeat right 120px;padding-bottom:100px}
.Content5 .part1 h5{font-size:1.4em;margin:30px 0 15px 0}
.Content5 .part1 table{width:60%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-bottom:1px solid #cacaca}
.Content5 .part1 table th{padding:10px 0;background:#e5e5e5;text-align:center;font-size:0.9em;color:#565656;font-weight:700;line-height:1.4em}
.Content5 .part1 table td{padding:15px 0;text-align:center;font-size:0.9em;}
.Content5 h3.tit2{margin-top:50px}
.Content5 table.ordering th{background:#f0f0f0}
.Content5 table.ordering th:first-child{width:22.5%}
.Content5 table.ordering tr{border-bottom:1px solid #cbcbcb}
.Content5 table.ordering tr.bg_chg td{background:#e5e5e5}
.Content5 table.ordering td{border-right:1px solid #cbcbcb}
.Content5 table.ordering td:last-child{border-right:0}
.Content5 .btn_area{width:100%;display:inline-block;text-align:center;margin-top:30px}
.Content5 .btn_area a{width:290px;margin:0 15px;display:inline-block;padding:25px 0;font-size:0.8em;color:#fff}
.Content5 .btn_area a img{margin-left:10px}
.Content5 .btn_area a.com_btn1{background:#47a2cc;border:1px solid #47a2cc}
.Content5 .btn_area a.com_btn2{background:#424242;border:1px solid #424242}

@media all and (max-width:1200px) {
    article{width:100%;padding-left:2%;padding-right:2%}
    .Content1 .main_text ul li.text3 br{display:none}
    .Content3 .photo{width:40%;right:2%}
    .Content3 .photo img{width:100%}
    .Content5 .part1{background-position:98% 120px}
}
@media all and (max-width:1024px) {
    .Content3 ul{width:60%}
    .Content3 li a{font-size:0.8em;padding:15px 0}
    .Content3 .photo{width:30%;margin-top:auto;top:35%}
    .Content4 ul.text_area li a{font-size:0.8em;padding:15px 0}
    .Content5 .part1 table{width:60%}
}
@media all and (max-width:812px) {
    .Content1{height:auto;padding:100px 0}
    .Content1 .main_text ul{width:80%;margin-top:0}
    .Content2{height:auto;padding:100px 0}
    .Content2 ul{margin-top:0}
    .Content3{padding:50px 0 0 0}
    .Content3 ul{width:100%}
    .Content3 li.btn_area{text-align:center}
    .Content3 .photo{position:relative;width:100%;margin-top:80px;right:initial;top:initial;display:inline-block}
    .Content3 .photo img{width:100%;max-width:640px}
    .Content4{padding:50px 0}
    .Content4 ul.text_area{text-align:left;width:100%;margin-top:0}
    .Content4 ul.text_area li.text1{font-size:1em}
    .Content4 ul.text_area li.text2{font-size:0.8em}
    .Content4 ul.text_area li a{width:100%;margin-bottom:10px}
    .Content4 ul.text_area li.btn_area{text-align:center}
    .Content4 .icon_area{width:100%;height:auto;padding-bottom:50px}
    .Content4 .icon_area h4{margin-top:40px;font-size:1.2em}
    .Content4 .icon_area ul{width:50%;margin-bottom:20px;}
    .Content4 .icon_area ul.line1{background-image:none}
    .Content4 .icon_area ul.line2{background-image:none}
    .Content5 .part1{background-size:30%;background-position:98% center}
    .Content5 .part1 table th{font-size:0.8em}
    .Content5 .part1 table td{font-size:0.8em}
}
@media all and (max-width:670px) {
    .Content1{height:908px;background:url(/kimg/prd_details/ssd/Urbane_m_main_img.jpg) center top;background-size:cover}
    .Content2{background:none}
    .Content2 ul{width:100%}
    .Content2 ul li.text1 br{display:none}
    .Content2 img.prd_img{display:block;width:100%}
    .Content5 .part1{background:url(/kimg/prd_details/ssd/Urbane_m_photo1.jpg) no-repeat center 14%;background-size:116%;padding-bottom:50px}
    .Content5 .part1 table{width:100%}
    .Content5 .btn_area a{width:80%;margin-bottom:15px}
}
@media all and (max-width:524px) {
    .Content1 .main_text ul li.logo img{width:100%}
    .Content2{padding:50px 0;background-size:80%}
    .Content2 ul li.text1{text-shadow:1px 1px 1px #fff}
    .Content5 .part1 h5{font-size:1.2em}
    .Content5 .btn_area a{padding:15px 0}
    .Content5 .part1{background-position:center 22%;background-size:144%}
}
@media all and (max-width:480px) {
    .Content1{height:auto;background-size:100%;padding-bottom:77%}
    .Content1 .main_text ul li.text1{font-size:1.3em}
    .Content1 .main_text ul li.text2{font-size:1.1em;margin:25px 0}
    .Content2 ul li.tit{font-size:1.4em;line-height:1.4em}
    .Content2 ul li.text1{font-size:0.8em}
    .Content3 li.tit{font-size:1.6em;line-height:1.4em}
    .Content3 li.text1{font-size:1em}
    .Content3 li.text2{font-size:0.8em}
    .Content3 li a{width:100%;margin-bottom:10px}
    .Content5 .part1 h5{font-size:1em}
    .Content5 .part1 table th{font-size:0.6em;padding:5px 0}
    .Content5 .part1 table td{font-size:0.6em;padding:5px 0}
}
@media all and (max-width:340px) {
    .Content1{height:530px}
    .Content1 .main_text ul{margin-top:0}
    .Content1 .main_text ul li.text1{font-size:1.1em}
    .Content1 .main_text ul li.text2{font-size:1em;color:#cdcdcd}
    .Content1 .main_text ul li.text3{font-size:0.8em;text-shadow:1px 1px 1px #000}
    .Content2 ul{width:100%}
    .Content3 ul{width:100%}
    .Content3 li.tit{font-size:1em}
    .Content3 li.text1{font-size:0.9em}
    .Content3 li.text2{font-size:0.8em}
    .Content4 ul.text_area li.text1{font-size:0.9em}
    .Content4 ul.text_area li.text2{font-size:0.8em}
    .Content5{padding:40px 0}
    .Content5 h3{font-size:1.2em}
    .Content5 .btn_area{margin-top:0}
}