@charset "utf-8";

.accessories {}
.accessories:after {content:"";display:block;clear:both;}
.accessories img {max-width:100%;height:auto;}
/* Module  */
.acc {overflow:hidden;display:block;position:relative;height:0;box-sizing:border-box;}
.acc *,
.acc *:after,
.acc *:before {box-sizing:border-box;}

.acc-mainkv {position:relative;width:100%;height:0;padding-bottom:50%;background-repeat:no-repeat;background-image:url("../common/promotions/galaxy/gears2/accessory/bg_acc_kv.jpg");background-position:0 0;background-size:100% auto;}
.acc-mainkv-box {position:absolute;top:0;left:0;padding:15.5% 0 0 6.2%;}
.acc-mainkv-model {display:block;width:130px;height:26px;font-size:0;background:url("../common/promotions/galaxy/gears2/accessory/txt_acc_kv_gears2.png") no-repeat 0 0;background-size:100% auto;}
.acc-mainkv-tit {font-size:90px;line-height:1.3;font-family:"sssB",sans-serif;color:#000;text-transform: capitalize;}
.acc-mainkv .acc-main-kv-tit {width:40%; font-size:36px;color:#292929;font-family:"sssM",sans-serif !important;} 
@media only screen and (max-width: 1600px) {
	.acc-mainkv-box {padding:15.5% 0 0 5.2%;}
	.acc-mainkv-tit {font-size:85px;}
	.acc-mainkv .acc-main-kv-tit {font-size:33px;}
}
@media only screen and (max-width:1366px){
	.acc-mainkv-tit {font-size:77px;}
	.acc-mainkv .acc-main-kv-tit {font-size:31px;}
}
@media only screen and (max-width:1280px){
	.acc-mainkv-tit {font-size:63px;}
	.acc-mainkv .acc-main-kv-tit {font-size:27px;}
}
@media only screen and (max-width:1023px){
	.acc-mainkv-tit {font-size:46px;}
	.acc-mainkv .acc-main-kv-tit {font-size:24px;}
}
@media only screen and (max-width:767px){ 
	.acc-mainkv {padding-bottom:122.2222222222222%;background-image:url("../common/promotions/galaxy/gears2/accessory/bg_acc_kv_m.jpg");}
	.acc-mainkv-box {position:absolute;top:0;left:0;width:100%;padding:10.9722222% 0;}
	.acc-mainkv-model {width:50px;height:10px;margin:0 auto;}

	.acc-mainkv-tit {font-size:35px;color:#333;padding-left:10%;}
	.acc-mainkv .acc-main-kv-tit {font-size:19px;width:100%; padding:0 10%;box-sizing:border-box;color:#292929} 
}
@media only screen and (max-width:420px){
	.acc-mainkv-tit {font-size:25px;}
	.acc-mainkv .acc-main-kv-tit {font-size:18px;width:100%; padding:0 10%;box-sizing:border-box;color:#292929} 
}

.acc-box-l {text-align:left;}
.acc-box-r {float:right;text-align:right;}
.acc-box-c {text-align:center;}
.acc-layer {position:relative;width:48.10416%;padding:4.1666%;line-height:1.333;}
.acc-box {padding-bottom:4.1666%;}
.acc-tit {color:#000;font-size:40px;margin-bottom:3%;font-family: "sssB",sans-serif;}
.acc-txt {color:#000;font-size:22px;font-family: "sssR",sans-serif;line-height:1.6}

/* Module - background */
.acc-bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.acc-bg-img {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}
.acc-bg-img.visible {opacity:1;z-index:2;}

/* Module - multi class */
.acc-full {width:100%;padding-bottom:56.25%;}
.acc-half {float:left;width:50%;padding-bottom:28.125%;}
.acc-half .acc-box {width:100%;}
.acc.acc-full .mod-chipPager-dot.black2 {background-image:url("../common/promotions/galaxy/gears2/accessory/bg_mod-chipPager-dot_black.gif");background-size:32px 32px;border-color:#000;}
.acc.acc-full .mod-chipPager-dot.navy {background-image:url("../common/promotions/galaxy/gears2/accessory/bg_mod-chipPager-dot_navy.gif");background-size:32px 32px;border-color:#324a6f;}
.acc.acc-full .mod-chipPager-dot.blueblack {background-image:url("../common/promotions/galaxy/gears2/accessory/bg_mod-chipPager-dot_blueblack.gif");background-size:32px 32px;border-color:#3e7095;}
.acc.acc-full .mod-chipPager-dot.darkbrown {background-image:url("../common/promotions/galaxy/gears2/accessory/bg_mod-chipPager-dot_darkbrown.gif");background-size:32px 32px;border-color:#2e1211;}
.acc.acc-full .mod-chipPager-dot.darkbrown2 {background:#7b4a31;border-color:#7b4a31;}
.acc.acc-full .mod-chipPager-dot.red {background:#c02634;border-color:#c02634}
.acc.acc-full .mod-chipPager-dot.warmgray {background:#95867e;border-color:#95867e}
.acc.acc-full .mod-chipPager-dot.darkgray {background:#333;border-color:#333}
.acc.acc-full .mod-chipPager-dot.silver {background:#f2f2f2;border-color:#d8d8d8;
	-webkit-box-shadow: inset 0 0 10px #c6c6c6;
	-moz-box-shadow:inset 0 0 10px #c6c6c6;
	-ms-box-shadow:inset 0 0 10px #c6c6c6;
	-o-box-shadow: inset 0 0 10px #c6c6c6;
	box-shadow: inset 0 0 10px #c6c6c6;
}
.acc.acc-full .mod-chipPager-dot.silver:after {content:"";display:block;position:absolute;width:100%;height:100%;border-radius: 50%;border:1px solid #d8d8d8;}

.btn-area-buy a {
	display:inline-block;
	height:2.7em;
	padding:0 1.5em;
	background-color:#10309d;
	line-height:3.2em;
	border-radius:1.8em;
	font-size:16px;
	color:#fff;
	text-align:center;
	vertical-align: middle;
}

@media only screen and (max-width: 1280px) {
	.acc-tit {font-size:40px;}
	.acc-txt {font-size:18px;}
	.acc-06 .acc-txt , .acc-07 .acc-txt {font-size:18px;}
}

@media only screen and (max-width: 1180px) {
	.acc-tit {font-size:30px;}
	.acc-txt {font-size:18px;}
	.acc-06 .acc-txt , .acc-07 .acc-txt {font-size:18px;}
}
@media only screen and (max-width:1024px){
	.acc-tit {font-size:26px;}
	.acc-txt {font-size:16px;}
	.acc-06 .acc-txt , .acc-07 .acc-txt {font-size:16px;}
	.mod-chipPager-dot {margin:0.3em 0.2em 0.3em 0.25em}
}
@media only screen and (max-width:800px){
	.acc-tit {font-size:24px;}
	.acc-txt {font-size:12px;}
	.acc-06 .acc-txt , .acc-07 .acc-txt {font-size:12px;}
}


@media only screen and (max-width:767px){
	.acc-layer {width:100%;}
	.acc-box {width:100%;padding:5% 0 5%;line-height:1.4285;}
	.acc-tit {font-size:30px;text-align:center;}
	.acc-txt {font-size:12px;text-align:center;}
	.acc-full, .acc-half {width:100%;}

	.acc {padding-bottom:177.7777777777778%;}
	.acc-box-r {text-align:left;}
	
	.acc.acc-03 {padding-bottom:134.7222222222222%;}

	.acc.acc-full .mod-chipPager-dot.black2 {background-size:20px 20px;}
	.acc.acc-full .mod-chipPager-dot.navy {background-size:20px 20px;}
	.acc.acc-full .mod-chipPager-dot.blueblack {background-size:20px 20px;}
	.acc.acc-full .mod-chipPager-dot.darkbrown {background-size:20px 20px;}

	.btn-area-buy a {
		display:inline-block;
		height:2.7em;
		padding:0 1.5em;
		background-color:#10309d;
		line-height:2.7em;
		border-radius:1.8em;
		font-size:12px;
		color:#fff;
		text-align:center;
		vertical-align: middle;
	}
}

@media only screen and (max-width:520px){
	.acc-tit {font-size:18px;}
	.acc-txt {font-size:12px;}
}

/* acc01 */
.acc-01 .acc-box-c {position:relative;width:60%;  padding:4.1666% 4.1666% 0 4.1666%;margin:0 auto;background-color: #fff;}
.acc-01 .acc-box-c .acc-box {width:100%;margin:0 auto;}
.acc-01 .acc-box-c .acc-box-link {color:#0062EB;font-size:18px;}
.acc-01 .acc-box-c .acc-box-link:after {content:"";display:inline-block;width:10px;height:16px;margin:0 0.5em 0 0.5em;background:url("../common/promotions/galaxy/gears2/accessory/ico_link.gif") no-repeat 0 50%;background-size:100% 100%;vertical-align: middle;}
.acc-01 .acc-bg-box {position:relative;width:100%;height:0;padding-bottom:39.42708333333333%;}
@media only screen and (max-width:1500px){
	.acc-01 .acc-box-c .acc-box {width:100%;}
}
@media only screen and (max-width:1280px){
	.acc-01 .acc-box-c .acc-box {margin:0 auto;}
}
@media only screen and (max-width:767px){
	.acc-01 .acc-bg-box {position:relative;width:100%;height:0;padding-bottom:68.33333333333333%;}
	.acc-01 .acc-box-c {width:100%;}
	.acc-01 .acc-box-c .acc-box {width:100%;margin:0 auto;}
	.acc-01 .acc-box-c .acc-box-link {color:#5092ff;font-size:12px;}
	.acc-01 .acc-box-c .acc-box-link:after {width:8px;height:14px;}
	.acc-01 .acc-box-c.acc-layer {padding:4.1666% 0 0 0}
	.acc-01 .acc-txt {padding:0 1em;}
}
/* acc02 */
.acc-02 .acc-nav {position:relative;margin-top:3em;z-index:5}
.acc-02 .acc-nav:after {clear:both;display:block;content:''}
.acc-02 .color-nav {position:relative;width:100%;float:left;margin-bottom:5em;}
.acc-02 .color-nav .color-tit {margin-bottom:0.5em;font-size:20px;color:#666;}
.acc-02 .color-nav ul {position:relative;float:left;display:block;font-family: "sssM",sans-serif;
	-webkit-box-shadow: 6px 10px 10px #d9d9d9;
	-moz-box-shadow: 6px 10px 10px #d9d9d9;
	-o-box-shadow: 6px 10px 10px #d9d9d9;
	box-shadow: 2px 5px 10px #d9d9d9;
}
.acc-02 .color-nav li {float:left;}
.acc-02 .color-nav li a {
	display:inline-block;
	padding:0;
	width:9em;
	background-color:#fff;
	border:1px solid #d9d9d9;
	height:2.4em;
	line-height:2.7em;
	font-size:24px;
	color:#333;
	text-align:center;
	vertical-align: middle;
}
.acc-02 .color-nav li a.active {color:#fff;border:1px solid #333;background:#333;}
.acc-02 .strap-color{position:relative;clear:both;margin-bottom:2em;padding-left:0}
.acc-02 .strap-color:after {clear:both;display:block;content:''}
.acc-02 .strap-color .strap-tit {margin-bottom:0.5em;font-size:20px;color:#666;}
.acc-02 .match-txt {position:absolute;right:4.1666%;bottom:4.1666%;font-size:24px;text-align:right;font-family: "sssM",sans-serif;}
.acc-02 .match-txt .txt-match {display:block;color:#000;}
.acc-02 .match-txt .txt-match .logo-atelier {padding-bottom:0.5em}
.acc-02 .match-txt .txt-color {display:block;color:#333;}

@media only screen and (max-width: 1280px) {
	.acc-02 .match-txt {font-size:18px;}
	.acc-02 .match-txt .txt-match .logo-atelier {width:150px}
	.acc-02 .color-nav .color-tit {font-size:16px;margin-bottom:0}
	.acc-02 .color-nav li a {width:8em;font-size:16px;}
	.acc-02 .strap-color .strap-tit {font-size:16px;margin-bottom:0}
}
@media only screen and (max-width:1024px){
	.acc-02 .match-txt {font-size:18px;}
	.acc-02 .match-txt .txt-match .logo-atelier {width:100px}

	.acc-02 .color-nav li a {width:7em;}
	
}
@media only screen and (max-width:800px){
	.acc-02 .match-txt {font-size:18px;}
	.acc-02 .match-txt .txt-match .logo-atelier {width:60px}
}

@media only screen and (max-width:767px){
	.acc-02 .match-txt {font-size:12px;right:4%;bottom:2%;}
	.acc-02 .match-txt .txt-match .logo-atelier {width:60px}
	.acc-02 .acc-nav {margin-top:0;}
	.acc-02 .color-nav {margin-bottom:1em}
	.acc-02 .color-nav .color-tit {margin-bottom:0.1em;font-size:12px;margin-bottom:0}
	.acc-02 .color-nav li a {
		width:8em;
		font-size:14px;
	}

	.acc-02 .strap-color .strap-tit {margin-bottom:0.1em;font-size:12px;margin-bottom:0}
}

/* acc03 */
.acc-03 .acc-pager .slider-arrow {
	display:block;
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 48px;
	height: 120px;
	margin-top: -60px;
	background-size: 100% auto;
	}
.acc-03 .acc-pager .slider-arrow-prev {left: 4.1666%;background-image: url("../common/promotions/galaxy/gears2/btn_slider_prev.png");}
.acc-03 .acc-pager .slider-arrow-next {right: 4.1666%;	background-image: url("../common/promotions/galaxy/gears2/btn_slider_next.png");}
.acc-03 .acc-pager .slider-txt-pager {
	position:absolute;
	bottom:10%;
	width:100%;
	display:block;
	text-align: center;
	}
.acc-03 .acc-pager .slider-txt-pager-dot {
	display:inline-block;
	width:2.2em;
	height:2.2em;
	background-color:#fff;
	line-height:2.5em;
	border-radius:50%;
	border:1px solid #727272;
	font-size:18px;
	margin:0 0.5em;
	color:#333;
	text-align:center;
	vertical-align: middle;
	}
.acc-03 .acc-pager .slider-txt-pager-dot:hover:before{color:#10309d;border:1px solid #10309d;}
.acc-03 .acc-pager .slider-txt-pager-dot.active{color:#10309d;border:1px solid #10309d;}
.acc-03 .acc-pager .slider-txt {display:none;}
.acc-03 .acc-pager .slider-txt.active {display:inline-block;margin:0 0.5em;color:#10309d;font-size:16px;}

.acc-03 .acc-pager .slider-pager-dot.active {background-color: #10309d;}
.acc-03 .acc-pager .slider-pager {display:none;}

@media screen and (max-width: 1280px) {
	.acc-03 .acc-pager .slider-arrow {width: 36px;height: 90px;}
}

@media screen and (max-width: 767px) {
	.acc-03 .acc-pager .slider-arrow {display: none;}
	.acc-03 .acc-pager .slider-txt-pager {bottom:15%;}
	.acc-03 .acc-pager .slider-txt.active {font-size:12px;}
	.acc-03 .acc-pager .slider-txt-pager-dot {
		width:2em;
		height:2em;
		line-height:2.3em;
		font-size:12px;
		margin:0;
	}
	.acc-03 .acc-pager .slider-txt-pager-dot:hover:before {opacity:0;}
	.acc-03 .acc-pager .slider-txt-pager-dot.active:before {opacity:1;}

	.acc-03 .acc-pager .slider-pager {position:absolute;bottom:5%;width:100%;display:block;font-size: 0;text-align: center;}
	.acc-03 .acc-pager .slider-pager-dot {display: inline-block;width: 10px;height: 10px;margin: 20px 5px;background-color: #999;border-radius: 50%;}
	.acc-03 .acc-pager .slider-pager-dot.active {background-color: #10309d;}
}

/*acc04*/
.acc-04 .strap-color{position:relative;clear:both;margin-bottom:2em;padding-left:0}
.acc-04 .strap-color:after {clear:both;display:block;content:''}
.acc-04 .strap-color .strap-tit {margin-bottom:0.5em;font-size:20px;color:#666}
@media screen and (max-width: 1280px) {
	.acc-04 .strap-color .strap-tit {font-size:16px}
}
@media screen and (max-width: 767px) {
	.acc-04 .strap-color {margin-top:15%;}
	.acc-04 .strap-color .strap-tit {margin-bottom:0.1em;font-size:12px;margin-bottom:0}
	.acc-05 .strap-color {text-align:center}
	
}

/*acc06,7*/
.acc-06 .acc-txt , .acc-07 .acc-txt {padding:20% 0 0 10%;}
.acc-06 .btn-area-buy , .acc-07 .btn-area-buy {padding:0 0 0 10%;}

@media screen and (max-width: 767px) {
	.acc.acc-06 ,  .acc.acc-07 {padding-bottom:150%;}
	.acc.acc-06 .acc-box , .acc.acc-07 .acc-box {padding:20% 0 5%}
	.acc-06 .acc-txt , .acc-07 .acc-txt {padding:0;}
	.acc-06 .btn-area-buy , .acc-07 .btn-area-buy {padding:0 0 0 0;}
}