@charset "utf-8";
/*spec*/
.spec-wrap , .spec-content {overflow:hidden;position:relative;width:100%;}
.spec-wrap:after , .spec-content:after {content:"";display:block;clear:both;}
.spec-wrap .spec-head {padding:68px 4.1% 22px;}
.spec-wrap .spec-head .spec-head-tit {margin-bottom:16px;font-size:48px; font-family:'sssB'; color:#292929;}
.spec-wrap .spec-head .spec-head-desc {font-size:24px; color:#727272;}

.spec-content {display:block;width:100%;}
.spec-content .spec-box {margin: 0 4.1%;position: relative;width: 91.8%;}

/* title, tab , image*/
.spec-group {position:relative;width:100%;overflow:hidden;text-align:center;}
.spec-group .tab-wrap { display:none; }
.spec-group img {max-width:100%;height:auto;}
.spec-group .spec-name .txt {display:none;}
.spec-group .info-box {float:left;width:50%;}
.spec-content.triple .spec-group .info-box {float:left;width:33.333%;}
.spec-group .spec-name img {max-width: 40%;}
.spec-group .spec-main-img {margin-bottom:-9px;}

.spec-group .spec-name {text-align: center;padding-bottom:39px;}
.spec-content .spec-tab-list a {float:left;width: 50%;text-align:center;padding-bottom: 1em;background-color: #fff;margin-bottom: 2em;}
.spec-content .spec-tab-list a.btn-spec {display:none;}
.spec-content .spec-img {position:relative;display:block;overflow:hidden;top:0;left:0;z-index:1;width:100%;border-top: 1px solid #ebebeb;}

.compare-spec-area {position: relative;width:100%;font-family:'sssM',sans-serif;}
.compare-spec-area .compare-spec {width:100%;}
.compare-spec-area .spec-txt {font-size:20px;color:#727272;}
.compare-spec-area .spec-txt:after {content:"";display:block;clear:both;}
.tbl-compare-spec {position: relative;width:100%;color:#999;font-size:20px;}
.tbl-compare-spec li {position:relative;width:100%;padding:28px 0 30px;border-bottom:1px solid #ebebeb;text-align: center;display: table;}
.tbl-compare-spec li:first-child {border-top:1px solid #ebebeb;}
.spec-content.triple .tbl-compare-spec .ico-item {left:14px;}
.tbl-compare-spec .ico-item {position:absolute;top:50%;left:50%;margin:-26px -26px 0 0;}
.tbl-compare-spec .ico-item img {max-width: 100%;height: auto;}
.tbl-compare-spec .spec-txt {display:block;float:left;width:50%;}
.spec-content.triple .tbl-compare-spec .spec-txt {width:33.333%;}
.tbl-compare-spec .spec-txt.current-v {float:right;}
.tbl-compare-spec .mod-chipPager-dot:hover:before {opacity:0;}
.tbl-compare-spec .spec-txt .spec-dimension {display:block;margin-bottom:6px;font-size:18px;color:#727272;}
.tbl-compare-spec .spec-txt em.spec-dimension{display:block;font-size:16px;color:#a2a2a2;}

.tbl-compare-spec .mod-chipPager-dot {cursor:initial;cursor:default;/* padding-top: 5%; *//* margin-top: 5%; */margin: 0 0.5em 0 0.25em;}
.tbl-compare-spec .mod-chipPager-dot.silver {background:#fff;border-color:#c6c6c6
   -o-box-shadow:    inset 0 0 10px #c6c6c6;
   -moz-box-shadow:    inset 0 0 10px #c6c6c6;
   -webkit-box-shadow: inset 0 0 10px #c6c6c6;
   box-shadow:         inset 0 0 10px #c6c6c6;
}

@media only screen and (max-width:1600px) {
	.spec-wrap .spec-head .spec-head-tit {font-size:40px;}
	.spec-wrap .spec-head .spec-head-desc {font-size:20px;}
}

@media only screen and (max-width:1280px) {
	.spec-content .spec-tit {height:40px;line-height:44px;}
	.spec-content .spec-tit img {max-width:80%;}
}

@media only screen and (max-width: 1024px){
	.spec-wrap { margin-top:89px; }
	.spec-wrap .spec-head .spec-head-tit {font-size:48px;}
	.spec-wrap .spec-head .spec-head-desc {font-size:16px}
	.spec-content .spec-tit {height:30px;line-height:34px;}
}

@media only screen and (max-width:767px) {
	.spec-wrap { margin-top:59px; }
	.spec-group .tab-wrap { display:block;margin:21px 0 37px;overflow:hidden; } 
	.spec-group .tab-wrap a { display:block;float:left;width:50%;height:32px;border-left:2px solid #fff;border-right:2px solid #fff;box-sizing:border-box;background-color:#8a8a8a;line-height:30px; }
	.spec-content.triple .spec-group .tab-wrap a { width:33.333% }
	.spec-group .tab-wrap a.active { background-color:#292929; }
	.spec-group .tab-wrap a > i {display:inline-block;font-size:7px;color:#fff;font-family:'sssB',sans-serif;vertical-align:-1px;}
	.spec-group .tab-wrap a > img { display:inline-block;margin-right:4px;width:44px; }
	.spec-group .spec-name { display:none; }
	.spec-group .info-box,
	.spec-content.triple .spec-group .info-box { display:none;float:none;width:100%;margin-bottom:6px;overflow:hidden; }
	.spec-group .spec-main-img { float:left;width:55%; }
	.spec-group .spec-img-group { float:left;width:35%;margin-top:8%; }
	.tbl-compare-spec .spec-txt,
	.spec-content.triple .tbl-compare-spec .spec-txt { display:none;float:none;width:100%; }
	.tbl-compare-spec .spec-txt .spec-dimension,
	.tbl-compare-spec .spec-txt em.spec-dimension,
	.compare-spec-area .spec-txt { font-size:10px; }
	.tbl-compare-spec .spec-txt .spec-dimension { margin-bottom:0; }
	.tbl-compare-spec li { padding:13px 0;border-bottom:0; }
	.tbl-compare-spec li:first-child { border-top:0; }
	.tbl-compare-spec .ico-item { left:14px;margin:-13px 0 0; }
	.tbl-compare-spec .ico-item img { max-width:50%; }
	.compare-spec-area { margin-bottom:57px; }
	.spec-content .spec-img { border-top:0; }
}

/* icon-box */
.spec-ico-box {position:relative;width:100%;}
.spec-ico-box .spec-ico-list {margin:0 auto;padding:85px 8% 15px;}
.spec-ico-box .spec-ico-list li {display:inline-block;width: 16%;margin-bottom:1em;font-size:14px;text-align:center;vertical-align:top;}
.spec-ico-box .spec-ico-list li .thumb-icon {width:35%;margin:0 auto 43px;}
.spec-ico-box .spec-ico-list li .thumb-icon img {max-width:100%;height:auto;}
.spec-ico-box .spec-ico-list li .txt {color:#4b4b4a;line-height:20px;}

/* inbox */
.inbox-box {position:relative;margin:0 4.1% 80px;}
.inbox-box-inner {position: relative;width:100%;padding-top:67px;border-top:1px solid #ebebeb;font-family:'sssB',sans-serif;}
.inbox-box .inbox-box-tit {margin-bottom:29px;font-size:40px; color:#333;}
.inbox-box .inbox-items-list {display:block;width:100%;}
.inbox-box .inbox-items-list:after {display:block;clear:both;content:''}
.inbox-box .inbox-items-list li {position: relative;float:left;width: 17.75%;margin-left:2.8%;}
.inbox-box .inbox-items-list li:first-child {margin:0;}
.inbox-box .inbox-items-list li img {max-width:100%;height:auto;}
.inbox-box .inbox-items-list li .item-txt {display:none;}

@media only screen and (max-width:1024px) {
	.spec-ico-box .spec-ico-list {margin-left: 4%;}
	.spec-ico-box .spec-ico-list li {width: 33%;margin-bottom:1.5em;font-size: 12px;}
	.spec-ico-box .spec-ico-list li .thumb-icon {width:70%;margin-bottom:1em;}
}

@media only screen and (max-width:1280px) {
	.inbox-box .inbox-items-list li {width: 29.3333333%;margin-left: 6%;margin-bottom: 6%;}
	.inbox-box .inbox-items-list li:nth-child(4) {margin-left:0;}
}

@media only screen and (max-width:767px) {
	.spec-ico-box .spec-ico-list {margin-left:0;}
	.spec-ico-box .spec-ico-list {padding:27px 4.1% 0;}
	.spec-ico-box .spec-ico-list li {width: 32.5%;margin-bottom:1em;}
	.inbox-box {margin:-6px 4.1% 30px;}
	.inbox-box .inbox-items-list li {width:30%;margin:0 0 5% 5%;} 
	.inbox-box .inbox-items-list li:nth-child(4) {margin-left:0;}
	.inbox-box .inbox-items-list li .item-list img {max-width:100%;height:auto;} 
	.inbox-box .inbox-items-list li .item-txt {font-size:12px}
	.inbox-box .inbox-box-tit {margin-bottom:15px;font-size:20px;}
	.inbox-box-inner { border-top:0; }
	.spec-ico-box .spec-ico-list li .txt { font-size:7px; }
	.disc1 { font-size:7px; }
}

/* compatible-box */
.compatible-box {position:relative;width:100%;height:657px;/*padding-bottom:34.21875%;*/background:#f9f9f9 url('../common/promotions/galaxy/gears2/spec/bg_compatible.png') 50% 50% no-repeat; background-size:cover;border-bottom:1px solid #ccc;}
.compatible-box:after {display:block; clear:both; content:''}
.compatible-box .compatible-group {position:relative;min-width:320px; margin:0 auto; padding: 4.4% 4.1% 4% 27.7%;}
.compatible-box .compatible-group .img-thumb {display:none;}
.compatible-box .compatible-group .txt-box {margin-top: 7%;margin-left:35%;color:#7e7e7e;line-height:1.6}
.compatible-box .compatible-group .txt-box .tit-compatible {margin-bottom:8px;font-size:40px;color:#333;line-height: 1.4;}
.compatible-box .compatible-group .txt-box .txt-compatible {margin-bottom:16px;font-size:25px;}
.compatible-box .compatible-group .txt-box .list-compatible {margin-bottom:46px;}
.compatible-box .compatible-group .txt-box .list-compatible li {font-size:18px;}
.compatible-box .compatible-group .txt-box .list-compatible li:before {content:'*';text-indent:10px;}
.compatible-box .compatible-group .view-more-link-area {margin-left:35%;}
.compatible-box .compatible-group .compatible-button.mod-button {
    background-color:transparent;
    border:1px solid #292929;
    border-radius:1.8em;
    line-height:3.3em;
    color:#292929;
}
.compatible-box .compatible-group .compatible-button.mod-button:hover {
    background:#333;
    color:#fff;
}

@media only screen and (max-width:1280px) {
	.compatible-box {background-position: 35% 50%;}
	.compatible-box .compatible-group .txt-box .tit-compatible {}
	.compatible-box .compatible-group .txt-box .tit-compatible em {display:block;}
}

@media only screen and (max-width:1024px) {
	.compatible-box {background: #fff url('../common/promotions/galaxy/gears2/spec/bg_compatible.png') 27% 50% no-repeat;border-top:1px solid #ebebeb;}
	.compatible-box .compatible-group .txt-box {margin-top:1%;}
	.compatible-box .compatible-group .txt-box .list-compatible {margin-bottom:1em;}
	.compatible-box .compatible-group .txt-box .tit-compatible {font-size: 25px;}
	.compatible-box .compatible-group .txt-box .txt-compatible {font-size: 13px;}
	.compatible-box .compatible-group .txt-box .txt-compatible  em {display:block;}
	.compatible-box .compatible-group .txt-box .list-compatible li {font-size:12px;} 
	.compatible-box .compatible-group .txt-box {margin-top: 30%;margin-left: 42%;}
	.compatible-box .compatible-group .view-more-link-area {margin-left:42%;}
}

@media only screen and (max-width:767px) {
	.compatible-box {position:relative;width:100%;height:initial;height:auto;padding-bottom:initial;padding-bottom:0;background:#fff;border-top:0;border-bottom:none;}
	.compatible-box .compatible-group {text-align:center;padding:0 4.1% 40px;}
	.compatible-box .compatible-group .txt-box {margin:0;}
	.compatible-box .compatible-group .img-thumb {display:inline-block;width:50%;text-align:center;margin: 0 0 3em;}
	.compatible-box .compatible-group .img-thumb img {max-width:100%;height:auto;}
	
	.compatible-box .compatible-group .txt-box .tit-compatible {margin-bottom:0.5em;font-size:20px;color:#333;}
	.compatible-box .compatible-group .txt-box .tit-compatible em {display:block;}
	.compatible-box .compatible-group .txt-box .txt-compatible {margin-bottom:0.5em;font-size:13px;}
	.compatible-box .compatible-group .txt-box .list-compatible {margin-bottom:3em;}
	.compatible-box .compatible-group .txt-box .list-compatible li {margin-bottom: 0em;font-size:12px;}
	.compatible-box .compatible-group .view-more-link-area {margin-left:0;}
	.compatible-box .compatible-group .compatible-button.mod-button {
		font-size:12px;
		height: 3.7em;
		padding: 0 7em;
		border-radius:1.8em;
		line-height: 3.8em;
	}
	.compatible-box .compatible-group .compatible-button.mod-button:hover {color:#292929;background:#fff;}
}

/* module - layer */
.ly-box button.btn-close {display:inline-block;font-size:0;line-height:0;box-sizing:content-box;background-repeat:no-repeat;background-position:50% 50%;background-color:transparent;cursor:pointer;}
.ly-box button.btn-close {width: 40px;height: 40px;background-image:url('../common/promotions/galaxy/gears2/spec/btn_layer_close.png');}
.ly-box .ly-inner{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;}
.ly-box.show {visibility:visible;background-color:#000;background-color:#fff;/* padding-bottom: 5em; */}
.ly-box.show nav {position:absolute;right: 5%;top: 80px;}
.ly-box.show nav .btn-close {position:relative;}

/* Chart view */
.ly-spec-box {position:fixed;visibility:hidden;left:0;top:0;width:100%;height:100%;z-index:1111;}
.ly-spec-box .ly-inner-box {position:relative;left:0;top:0;margin:0 auto;}
.ly-spec-box > .ly-inner-box {min-width:320px;max-width:1920px;height:100%;}
.ly-inner-box-list {margin:1.2em auto 0;min-width:320px;max-width:1920px;color:#333;}
.ly-inner-txt li {margin-bottom: 1em;padding-left:22px;line-height: 1.6;}
.ly-inner-txt li:before {content:'※ ';text-indent:-22px;margin-left:-17px}
.ly-spec-box .ly-inner-box a.dummy {position:absolute;left:0;top:-200px;display:block;width:1px;height:1px;overflow:hidden;text-indent:-9999px;}
.ly-spec-box .ly-inner {position:relative;z-index:302;left:0;top:0;width:100%;height:100%;/* padding-bottom: 5em; */}
.ly-spec-box .ly-inner .ly-inner-box a.btn-close {position:absolute;top:34px;right:30px;display:block;width:21px;height:21px;overflow:hidden;text-indent:-9999px;background-image:url('../common/promotions/galaxy/gears2/product/btn_layer_close.png');background-repeat:no-repeat;background-position:center center;background-size:100% 100%;}
.ly-spec-box .chart .header {text-align:center;}
.ly-spec-box .chart {padding: 0 0 100px 0;}
.ly-spec-box .chart .header h3 {font-family:'sssB';color:#1328a0;margin:0 auto;}
.ly-spec-box .chart .header p {font-family:'sssM';color:#333;margin:0 auto;}
.ly-spec-box .chart .header p em {display:block;}
.ly-spec-box .chart .list {margin:0 auto;}
.ly-spec-box .chart .list .data {padding:0 0 8px 0;width:100%;border-bottom:1px solid #393a51;}
.ly-spec-box .chart .list .data h4 {font-size:24px;line-height:34px;padding:16px 0 11px 0;color:#000;font-weight: bold;}
.ly-spec-box .chart .list .data table {border-top:1px solid #d6d6d6;padding:0;margin:0;width:100%;text-align:left;}
.ly-spec-box .chart .list .data table thead th {font-size: 16px;line-height:24px;padding:13px 0 7px 0;color: #000;vertical-align:top;text-align:left;}
.ly-spec-box .chart .list .data table tbody th {font-size: 18px;line-height:26px;padding:0 0 5px 0;color: #333;vertical-align:top;text-align:left;}
.ly-spec-box .chart .list .data table tbody td {font-size: 16px;line-height:26px;padding:0 0 5px 0;color: #333;vertical-align:top;text-align:left;}
.i-scroll-vertical-scrollbar {position: absolute; background: rgba(240, 240, 240, 1);#z-index: 9999; width:10px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;}
.i-scroll-indicator {box-sizing: border-box; position: absolute;width: 100%;display: block; height: 560px;background: rgba(205, 205, 205, 1);}

.ly-spec-box .view-more-link-area {padding:0;text-align: center;padding: 5em 0 3em;}
.ly-spec-box .view-more-link-area .mod-button {
    display:inline-block;
    height:3.2em;
    padding:0 3em;
    background-color:transparent;
    border:1px solid #9596a1;
    border-radius:1.8em;
    line-height:3.3em;
    font-size:20px;
    color:#848593;
    text-align:center;
    vertical-align: middle;
}
.ly-spec-box .mod-button:hover {
    color:#1b1d37;
    background:#d3d3d3;
}

@media screen and (max-width:767px) {
	.ly-box button.btn-close {width:20px;height:20px;}
	.ly-spec-box .ly-inner .wrap a.btn-close {top:10px;right:20px;}
	.ly-spec-box .chart {padding:0 0 100px 0;}
	.ly-spec-box .chart .header {padding: 80px 0 48px 0;}
	.ly-spec-box .chart .header h3 {font-size:30px;line-height:35px;max-width:80%;}
	.ly-spec-box .chart .header p {font-size:10px;line-height:15px;padding-top:12px;max-width:80%;}
	.ly-inner-box-list {font-size:10px;}
	.ly-inner-txt li {margin-bottom: 1em;padding-left:10px;line-height: 1.6;}
	.ly-inner-txt li:before {content:'※ ';text-indent:-20px;margin-left:-10px}
	.ly-spec-box .chart .list {max-width:96%;}
	.ly-inner-box-list  {max-width:96%;}
	.ly-spec-box .chart .list .data {padding:0 0 4px 0;}
	.ly-spec-box .chart .list .data h4 {font-size:12px;line-height:17px;padding:15px 0 5px 0;}
	.ly-spec-box .chart .list .data table thead th {font-size:10px;line-height:14px;padding:6px 0 3px 0;}
	.ly-spec-box .chart .list .data table tbody th,
	.ly-spec-box .chart .list .data table tbody td {font-size:10px;line-height:14px;padding:0 0 2px 0;}
	.ly-spec-box .btn-close {right:3%;}

	.ly-spec-box .view-more-link-area .mod-button {height:2.8em; line-height:2.9em;font-size:14px;}
}
@media (min-width:768px) and (max-width:1023px) {
	.ly-spec-box .chart .header {padding:194px 0 97px 0;}
	.ly-spec-box .chart .header h3 {font-size:60px;line-height:70px;max-width:500px;}
	.ly-spec-box .chart .header p {font-size:16px;line-height:26px;padding-top:23px;}
	.ly-inner-box-list {font-size:16px;}
	.ly-spec-box .chart .list {max-width:85.4%;}
	.ly-inner-box-list  {max-width:85.4%;}
}

@media screen and (min-width:1024px) {
	.ly-spec-box .chart .header {padding: 80px 0 60px 0;}
	.ly-spec-box .chart .header h3 {font-size:70px;line-height:80px;max-width:860px;}
	.ly-spec-box .chart .header p {font-size:16px;line-height:26px;padding-top:20px;}
	.ly-inner-box-list {font-size:16px;}
	.ly-spec-box .chart .list {max-width:80.5%;}
	.ly-inner-box-list {max-width:80.5%;}
}

@media screen and (min-width:1280px) {
	.ly-spec-box .chart .list {max-width: 990px;}
	.ly-inner-box-list {max-width: 990px;}
}