@charset "UTF-8";
/*
* alpen_adidas_lookbook
* top.css
*
*/
/* --------------------------------
   body
-------------------------------- */
@media screen and (min-width: 768px) {
	body {
		min-width: 1082px;
	}
}

@media screen and (min-width: 768px) {
	header {
		position: absolute;
		z-index: 100; 
		top: 0;
		left: 0;
		width: 100%;
	}
}

#body {
	overflow: hidden;
	background: #f5f5f5;
}
@media screen and (min-width: 768px) {
	#body {
		min-width: 1082px;
	}
}
@media screen and (max-width: 767px) {
	#body {
		min-width: 320px;
	}
	#body img {
		width: 100%;
	}
}

/* --------------------------------
   anchor
-------------------------------- */
.touch .anchor {
	display: none;
}

@media screen and (min-width: 768px) {
	.anchor {
		position: fixed;
		z-index: 100;
		top: 50%;
		left: 0;
		margin-top: -99px;
		width: 68px;
		height: 198px;
		text-align: right;
	}
}

@media screen and (max-width: 767px) {
	.anchor {
		display: none;
	}
}

.anchorItem {
	overflow: hidden;
	position: relative;
	height: 33px;
	transition: height 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.anchorItem:after {
	content: "";
	position: absolute;
	top: 38px;
	right: 18px;
	width: 1px;
	height: 81px;
	background: #000;
}
.anchorItem span {
	position: relative;
	z-index: 10;
}
.anchorItem a {
	display: block;
	position: relative;
	padding-right: 10px;
	height: 33px;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Lucida Grande", "Hiragino Mar Gothic ProN", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
	line-height: 1;
}
.anchorItem a:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.anchorItem a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.no-touch .anchorItem a {
	transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
}
.no-touch .anchorItem a:hover {
	color: #fff;
}
.no-touch .anchorItem a:hover:after {
	width: 100%;
}
.anchorItem.is-current {
	height: 120px;
}
.anchorItem.is-current a:after {
	width: 100%;
}
.anchorItem + li {
	margin-top: 3px;
}
.anchorItem:nth-child(1) a {
	color: #000;
}
.no-touch .anchorItem:nth-child(1) a:hover:after {
	background-color: #000;
}
.anchorItem:nth-child(1).is-current a {
	color: #fff;
}
.anchorItem:nth-child(1).is-current a:after {
	background-color: #242424;
}
.anchorItem:nth-child(2) a {
	color: #094581;
}
.no-touch .anchorItem:nth-child(2) a:hover:after {
	background-color: #094581;
}
.anchorItem:nth-child(2).is-current a {
	color: #fff;
}
.anchorItem:nth-child(2).is-current a:after {
	background-color: #386898;
}
.anchorItem:nth-child(3) a {
	color: #b3296d;
}
.no-touch .anchorItem:nth-child(3) a:hover:after {
	background-color: #b3296d;
}
.anchorItem:nth-child(3).is-current a {
	color: #fff;
}
.anchorItem:nth-child(3).is-current a:after {
	background-color: #c2548a;
}
.anchorItem:nth-child(4) a {
	color: #11a298;
}
.no-touch .anchorItem:nth-child(4) a:hover:after {
	background-color: #11a298;
}
.anchorItem:nth-child(4).is-current a {
	color: #fff;
}
.anchorItem:nth-child(4).is-current a:after {
	background-color: #3fb3ab;
}
.anchorItem:nth-child(5) a {
	color: #666;
}
.no-touch .anchorItem:nth-child(5) a:hover:after {
	background-color: #666;
}
.anchorItem:nth-child(5).is-current a {
	color: #fff;
}
.anchorItem:nth-child(5).is-current a:after {
	background-color: #5a5a5a;
}
.anchorItem:nth-child(6) a {
	color: #c4121b;
}
.no-touch .anchorItem:nth-child(6) a:hover:after {
	background-color: #c4121b;
}
.anchorItem:nth-child(6).is-current a {
	color: #fff;
}
.anchorItem:nth-child(6).is-current a:after {
	background-color: #c83e46;
}

/* --------------------------------
   mv
-------------------------------- */
#mv {
	position: relative;
}
@media screen and (min-width: 768px) {
	#mv {
		padding-top: 60px;
		height: 100vh;
		max-height: 796px;
		background: url(/cp/adidas/lookbook/img/index/mv.jpg) no-repeat center top;
		background-size: cover;
	}
	#mv .loading {
		display: block;
		opacity: 1;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -7px 0 0 -41px;
		-webkit-animation: loading 1.8s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite;
		        animation: loading 1.8s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite;
	}
	.is-tablet #mv .loading {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	#mv {
		width: 100%;
		height: 428px;
	}
	#mv .loading {
		display: none;
	}
}

@-webkit-keyframes loading {
	50% {
		opacity: 0;
	}
}

@keyframes loading {
	50% {
		opacity: 0;
	}
}

@media screen and (min-width: 768px) {
	.mvPlayer {
		height: 100%;
	}
	.is-tablet .mvPlayer {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.mvPlayer {
		display: none;
	}
}

.mvSp {
	position: relative;
	z-index: 1; 
	height: 100%;
}
@media screen and (min-width: 768px) {
	.mvSp {
		display: none;
	}
}
.mvSp li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 428px;
	background: no-repeat left top;
	background-size: cover;
}
.mvSp .mvSp-1 {
	background-image: url(/cp/adidas/lookbook/img/index/mv_01_sp.jpg);
}
.mvSp .mvSp-2 {
	background-image: url(/cp/adidas/lookbook/img/index/mv_02_sp.jpg);
}
.mvSp .mvSp-3 {
	background-image: url(/cp/adidas/lookbook/img/index/mv_03_sp.jpg);
}
.mvSp .mvSp-4 {
	background-image: url(/cp/adidas/lookbook/img/index/mv_04_sp.jpg);
}
.mvSp .mvSp-5 {
	background-image: url(/cp/adidas/lookbook/img/index/mv_05_sp.jpg);
}
.mvSp .mvSp-6 {
	background-image: url(/cp/adidas/lookbook/img/index/mv_06_sp.jpg);
}

.mv_mask {
	position: absolute;
	z-index: 1; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.mv_zoom {
	position: absolute;
	z-index: 2; 
	left: 50%;
}
@media screen and (min-width: 768px) {
	.mv_zoom {
		top: 80px;
		margin-left: -480px;
		width: 960px;
		text-align: right;
	}
}
@media screen and (max-width: 767px) {
	.mv_zoom {
		top: 50%;
		margin-top: -24.5px; 
		margin-left: -24.5px;
		width: 49px;
		height: 49px;
	}
	.mv_zoom a {
		display: block;
		width: 100%;
		height: 100%;
		background: url(/cp/adidas/lookbook/img/index/ico_play.png) no-repeat center center;
		background-size: contain;
	}
	.mv_zoom img {
		display: none;
	}
}

.mvModal {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mvModalInner {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin-top: -304.5px;
	margin-left: -541px;
	width: 1082px;
	height: 609px;
	background-color: #000;
}
@media screen and (max-width: 767px) {
	.mvModalInner {
		left: 0;
		margin-top: -95px;
		margin-left: 0;
		padding: 0 20px; 
		width: 100%;
		height: 190px;
	}
	.mvModalInner iframe {
		width: 100%;
		height: 190px;
	}
}

.mvModal_close {
	position: absolute;
	z-index: 2; 
	top: -34px;
	right: 0;
}
@media screen and (max-width: 767px) {
	.mvModal_close {
		right: 20px;
	}
}

.mvModal_mask {
	opacity: 0.9; 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}

.mvInner {
	position: absolute;
	z-index: 20;
}
@media screen and (min-width: 768px) {
	.mvInner {
		bottom: 85px;
		left: 50%;
		margin-left: -541px;
		width: 1082px;
		height: 130px;
	}
}
@media screen and (max-width: 767px) {
	.mvInner {
		bottom: -37px;
		left: 20px;
		width: 100%;
		height: 150px;
	}
}

.mv_ttl {
	position: relative;
	background: no-repeat left top;
}
.mv_ttl:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat left bottom;
}
@media screen and (min-width: 768px) {
	.mv_ttl {
		display: block;
		overflow: hidden;
		width: 100%;
		height: 88px;
		background-image: url(/cp/adidas/lookbook/img/index/mv_ttl.png); 
		white-space: nowrap;
		text-indent: 100%;
		font-size: 0;
	}
	.mv_ttl:after {
		background-image: url(/cp/adidas/lookbook/img/index/mv_ttl_obj.jpg);
	}
}
@media screen and (max-width: 767px) {
	.mv_ttl {
		display: block;
		overflow: hidden;
		width: 276px;
		height: 119px;
		background-image: url(/cp/adidas/lookbook/img/index/mv_ttl_sp.png);
		background-size: 276px auto; 
		white-space: nowrap;
		text-indent: 100%;
		font-size: 0;
	}
	.mv_ttl:after {
		background-image: url(/cp/adidas/lookbook/img/index/mv_ttl_obj_sp.png);
		background-size: 276px auto;
	}
}

.mv_sttl {
	position: relative;
	background: no-repeat left top;
}
.mv_sttl:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}
@media screen and (min-width: 768px) {
	.mv_sttl {
		display: block;
		overflow: hidden;
		float: right;
		margin-top: 22px;
		width: 187px;
		height: 20px;
		background-image: url(/cp/adidas/lookbook/img/index/mv_sttl.png); 
		white-space: nowrap;
		text-indent: 100%;
		font-size: 0;
	}
}
@media screen and (max-width: 767px) {
	.mv_sttl {
		display: block;
		overflow: hidden;
		margin-top: 20px;
		width: 113px;
		height: 12px;
		background-image: url(/cp/adidas/lookbook/img/index/mv_sttl_sp.png);
		background-size: 113px auto; 
		white-space: nowrap;
		text-indent: 100%;
		font-size: 0;
	}
}

.mv_ttl,
.mv_sttl {
	opacity: 0;
	transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transform: scaleX(0);
	    -ms-transform: scaleX(0);
	        transform: scaleX(0);
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
}
@media screen and (min-width: 768px) {
	.is-tablet .is-active .mv_ttl,
	.movieLoadEnd .mv_ttl,
	.is-tablet .is-active
	.mv_sttl,
	.movieLoadEnd
	.mv_sttl {
		opacity: 1;
		-webkit-transform: scaleX(1);
		    -ms-transform: scaleX(1);
		        transform: scaleX(1);
	}
	.is-tablet .is-active .mv_ttl:after,
	.movieLoadEnd .mv_ttl:after,
	.is-tablet .is-active
	.mv_sttl:after,
	.movieLoadEnd
	.mv_sttl:after {
		transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: scaleX(0);
		    -ms-transform: scaleX(0);
		        transform: scaleX(0);
		-webkit-transform-origin: 100% 0;
		    -ms-transform-origin: 100% 0;
		        transform-origin: 100% 0;
	}
}
@media screen and (max-width: 767px) {
	.is-active .mv_ttl,
	.is-active
	.mv_sttl {
		opacity: 1;
		-webkit-transform: scaleX(1);
		    -ms-transform: scaleX(1);
		        transform: scaleX(1);
	}
	.is-active .mv_ttl:after,
	.is-active
	.mv_sttl:after {
		transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transform: scaleX(0);
		    -ms-transform: scaleX(0);
		        transform: scaleX(0);
		-webkit-transform-origin: 100% 0;
		    -ms-transform-origin: 100% 0;
		        transform-origin: 100% 0;
	}
}

@media screen and (min-width: 768px) {
	.mv_ttl {
		transition-delay: 1s;
	}
	.is-tablet .is-active .mv_ttl,
	.movieLoadEnd .mv_ttl {
		opacity: 1;
		-webkit-transform: scaleX(1);
		    -ms-transform: scaleX(1);
		        transform: scaleX(1);
	}
	.is-tablet .is-active .mv_ttl:after,
	.movieLoadEnd .mv_ttl:after {
		transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-delay: 1.5s; 
		-webkit-transform: scaleX(0); 
		    -ms-transform: scaleX(0); 
		        transform: scaleX(0);
		-webkit-transform-origin: 100% 0;
		    -ms-transform-origin: 100% 0;
		        transform-origin: 100% 0;
	}
	.mv_sttl {
		transition-delay: 1.3s;
	}
	.movieLoadEnd .mv_sttl:after {
		transition-delay: 1.6s;
	}
}

@media screen and (max-width: 767px) {
	.is-active .mv_ttl:after {
		transition-delay: 0.5s;
	}
	.mv_sttl {
		transition-delay: 0.3s;
	}
	.is-active .mv_sttl:after {
		transition-delay: 0.6s;
	}
}

/* --------------------------------
   section obj
-------------------------------- */
@media screen and (min-width: 768px) {
	.secObj {
		position: relative;
	}
	.secObj .obj {
		display: block;
		position: absolute;
		z-index: 5;
		left: 50%;
		transition: -webkit-filter 1s, -webkit-transform 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: filter 1s, transform 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: filter 1s, transform 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-filter 1s, -webkit-transform 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
		background: no-repeat left top;
	}
	.secObj .obj.is-blur,
	.secObj .obj.is-notFocus {
		filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
		-webkit-filter: blur(10px);
		        filter: blur(10px);
	}
	.secObj .obj:nth-child(odd) {
		margin-left: -813px;
	}
	.secObj .obj:nth-child(even) {
		margin-left: 224px;
	}
}

@media screen and (max-width: 767px) {
	.secObj {
		display: none;
	}
}

.secObj .obj-1 {
	top: 162px;
	width: 566px;
	height: 446px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_1.png);
}

.secObj .obj-2 {
	top: 707px;
	width: 433px;
	height: 434px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_2.png);
}

.secObj .obj-3 {
	top: 1226px;
	width: 468px;
	height: 331px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_3.png);
}

.secObj .obj-4 {
	top: 1651px;
	width: 428px;
	height: 355px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_4.png);
}

.secObj .obj-5 {
	top: 2324px;
	width: 410px;
	height: 283px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_5.png);
}

.secObj .obj-6 {
	top: 2661px;
	width: 433px;
	height: 385px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_6.png);
}

.secObj .obj-7 {
	top: 3195px;
	width: 451px;
	height: 338px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_7.png);
}

.secObj .obj-8 {
	top: 3614px;
	width: 356px;
	height: 389px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_8.png);
}

.secObj .obj-9 {
	top: 4503px;
	width: 422px;
	height: 196px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_9.png);
}

.secObj .obj-10 {
	top: 4653px;
	width: 438px;
	height: 361px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_10.png);
}

.secObj .obj-11 {
	top: 5371px;
	width: 362px;
	height: 316px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_11.png);
}

.secObj .obj-12 {
	top: 5631px;
	width: 441px;
	height: 199px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_12.png);
}

.secObj .obj-13 {
	top: 6037px;
	width: 561px;
	height: 314px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_13.png);
}

.secObj .obj-14 {
	top: 6941px;
	width: 436px;
	height: 286px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_14.png);
}

.secObj .obj-15 {
	top: 7161px;
	width: 443px;
	height: 270px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_15.png);
}

.secObj .obj-16 {
	top: 8203px;
	width: 344px;
	height: 311px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_16.png);
}

.secObj .obj-17 {
	top: 8887px;
	width: 409px;
	height: 346px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_17.png);
}

.secObj .obj-18 {
	top: 9333px;
	width: 464px;
	height: 401px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_18.png);
}

.secObj .obj-19 {
	top: 10120px;
	width: 504px;
	height: 310px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_19.png);
}

.secObj .obj-20 {
	top: 10594px;
	width: 441px;
	height: 318px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_20.png);
}

.secObj .obj-21 {
	top: 10782px;
	width: 406px;
	height: 356px;
	background-image: url(/cp/adidas/lookbook/img/index/obj_21.png);
}

/* --------------------------------
   section general
-------------------------------- */
.section {
	position: relative;
}
@media screen and (min-width: 768px) {
	.section {
		margin: 304px 0 0;
	}
}
@media screen and (max-width: 767px) {
	.section {
		margin: 152px 0 0;
	}
}
.section:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	width: 100%;
	background: no-repeat center top;
}
@media screen and (min-width: 768px) {
	.section:before {
		top: -304px;
		height: 304px;
	}
}
@media screen and (max-width: 767px) {
	.section:before {
		top: -152px;
		height: 152px;
		background-size: 1000px auto;
	}
}
@media screen and (max-width: 767px) {
	.section:after {
		content: "";
		position: absolute;
		z-index: 2;
		background: no-repeat left top;
		background-size: 100% auto;
	}
}
.section:nth-child(odd):before {
	background-image: url(/cp/adidas/lookbook/img/index/bg_gray_t.png);
}
@media screen and (max-width: 767px) {
	.section:nth-child(odd):after {
		right: 0;
	}
}
.section:nth-child(even) {
	background-color: #fff;
}
.section:nth-child(even):before {
	background-image: url(/cp/adidas/lookbook/img/index/bg_white_t.png);
}
@media screen and (max-width: 767px) {
	.section:nth-child(even):after {
		left: 0;
	}
}

.secIinner {
	position: relative;
	z-index: 10;
}
@media screen and (min-width: 768px) {
	.secIinner {
		margin: -304px auto 0;
		padding-bottom: 288px;
		width: 960px;
	}
}
@media screen and (max-width: 767px) {
	.secIinner {
		margin: -152px 0 0;
		padding: 0 20px 152px;
	}
}

/* --------------------------------
   block general
-------------------------------- */
.block {
	overflow: hidden;
}
@media screen and (min-width: 768px) {
	.block + .block {
		margin-top: 60px;
	}
}
@media screen and (max-width: 767px) {
	.block + .block {
		margin-top: 30px;
	}
}

.blockItem {
	position: relative;
}
.blockItem figure {
	font-size: 0;
	line-height: 1;
}

@media screen and (min-width: 768px) {
	.blockItem-cover {
		padding-top: 80px;
	}
}

@media screen and (max-width: 767px) {
	.blockItem-cover {
		padding-top: 20px; 
		width: 52.2%;
	}
}

.blockItem-cover figure + figure {
	position: absolute;
	z-index: 1; 
	top: 0;
}

.blockItem-detail {
	vertical-align: bottom;
}
@media screen and (min-width: 768px) {
	.blockItem-detail {
		padding-bottom: 76px;
	}
}
@media screen and (max-width: 767px) {
	.blockItem-detail {
		overflow: hidden;
		position: relative;
		width: 47.8%;
	}
	.blockItem-detail:before,
	.blockItem-detail:after {
		content: "";
		position: absolute;
		bottom: 20px;
		left: 0;
		width: 100%;
		height: 100%;
		background: no-repeat;
		background-size: 100% auto;
	}
}

.block_ttl {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: no-repeat left bottom; 
	white-space: nowrap;
	text-indent: 100%;
	font-size: 0;
}
@media screen and (min-width: 768px) {
	.block_ttl {
		height: 177px;
	}
	.block_ttl span {
		display: block;
		opacity: 0;
		height: 100%;
		-webkit-transform: translate(-80px, 0);
		    -ms-transform: translate(-80px, 0);
		        transform: translate(-80px, 0); 
		background: no-repeat left bottom;
	}
	.is-view .block_ttl span {
		opacity: 1;
		transition: opacity 1s cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
		transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-delay: 0.6s; 
		-webkit-transform: translate(0, 0); 
		    -ms-transform: translate(0, 0); 
		        transform: translate(0, 0);
	}
}
@media screen and (max-width: 767px) {
	.block_ttl {
		display: none;
	}
}

.block_txt {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Lucida Grande", "Hiragino Mar Gothic ProN", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 10px;
	line-height: 1.8;
}
@media screen and (max-width: 767px) {
	.block_txt {
		padding-top: 5px;
	}
}

@media screen and (min-width: 768px) {
	.blockItem-listCover {
		width: 600px;
	}
}

.blockItem-list {
	overflow: hidden;
}
@media screen and (min-width: 768px) {
	.blockItem-list {
		width: 330px;
	}
}
@media screen and (max-width: 767px) {
	.blockItem-list {
		padding-top: 6px;
	}
}
.blockItem-list li {
	float: left;
}
.blockItem-list li .blockItem-listWrap {
	display: block;
	position: relative;
	height: 100%;
}
@media screen and (min-width: 768px) {
	.blockItem-list li {
		margin-top: 30px;
		width: 150px;
	}
	.blockItem-list li:nth-child(-n+2) {
		margin-top: 0;
	}
	.blockItem-list li:nth-child(even) {
		margin-left: 30px;
	}
	.blockItem-list li .blockItem-listWrap {
		color: #fff;
	}
}
@media screen and (max-width: 767px) {
	.blockItem-list li {
		margin-top: 20px;
		width: 50%;
	}
	.blockItem-list li .blockItem-listWrap {
		position: relative;
	}
	.blockItem-list li .blockItem-listWrap:before {
		content: "";
		position: absolute;
		top: 10px;
		right: 10px;
		width: 10px;
		height: 10px;
		background: url(/cp/adidas/lookbook/img/index/ico_blank.png) no-repeat right top;
		background-size: 100% auto;
	}
	.blockItem-list li:nth-child(odd) .blockItem-listWrap {
		margin-right: 7.5px;
	}
	.blockItem-list li:nth-child(even) .blockItem-listWrap {
		margin-left: 7.5px;
	}
}

@media screen and (min-width: 768px) {
	.blockItemOverlay {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		padding: 20px 0 0;
		width: 100%;
		height: 100%;
		transition: opacity 0.25s cubic-bezier(0, 0, 0.58, 1); 
		text-align: center;
	}
	a:hover .blockItemOverlay {
		opacity: 1;
	}
	.blockItemOverlay:before {
		content: "";
		position: absolute;
		top: 6px;
		right: 6px;
		width: 10px;
		height: 10px;
		background: url(/cp/adidas/lookbook/img/index/ico_blank_white.png) no-repeat left top;
	}
}

@media screen and (max-width: 767px) {
	.blockItemOverlay {
		padding-top: 7px;
		font-size: 10px;
		line-height: 1.6;
	}
}

@media screen and (min-width: 768px) {
	.blockItem-productName {
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5;
	}
}

@media screen and (max-width: 767px) {
	.blockItem-productName br {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.blockItem-productPrice {
		position: relative;
		padding: 18px 0 0;
		font-size: 10px;
		line-height: 1;
	}
	.blockItem-productPrice:before {
		content: "";
		position: absolute;
		top: 8px;
		left: 50%;
		margin-left: -11px;
		width: 22px;
		height: 1px;
		background: #fff;
	}
}

@media screen and (max-width: 767px) {
	.blockItem-productPrice {
		padding-top: 5px;
	}
}

.blockItem-productMore {
	position: absolute;
	bottom: 19px;
	left: 0;
	width: 100%;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
}
@media screen and (max-width: 767px) {
	.blockItem-productMore {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.block-1 {
		position: relative;
		width: 960px;
		height: 600px;
	}
}

.block-1 .blockItem {
	display: table-cell;
}
@media screen and (min-width: 768px) {
	.block-1 .blockItem {
		width: 50%;
	}
	.block-1 .blockItem .block_txt {
		padding-top: 119px;
		letter-spacing: 0.7px; 
		font-weight: bold;
	}
}
@media screen and (max-width: 767px) {
	.block-1 .blockItem .block_txt {
		display: none;
	}
}

.block1_itemList {
	display: table;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.block1_itemList {
		position: absolute;
		top: 0;
		left: 0;
		transition: clip 0.8s cubic-bezier(0.86, 0, 0.07, 1);
	}
	.is-ltPcHeight .style01-block1 .block1_itemList {
		transition-delay: 2.8s;
	}
	.is-ltPcHeight .style01-block1 .block1_itemList .block_ttl span {
		transition-delay: 3.4s;
	}
}
@media screen and (max-width: 767px) {
	.block1_itemList {
		opacity: 0;
		transition: opacity 1s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1s;
		transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	.is-ltSpHeight .style01-block1 .block1_itemList {
		transition-delay: 0.8s;
	}
	.section:nth-child(odd) .block1_itemList {
		-webkit-transform: translate(-80px, 0);
		    -ms-transform: translate(-80px, 0);
		        transform: translate(-80px, 0);
	}
	.section:nth-child(even) .block1_itemList {
		-webkit-transform: translate(80px, 0);
		    -ms-transform: translate(80px, 0);
		        transform: translate(80px, 0);
	}
	.block1_itemList .blockItem-detail:after {
		opacity: 0;
		transition: opacity 1s cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
		transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition-delay: 0.5s;
	}
	.is-ltSpHeight .style01-block1 .block1_itemList .blockItem-detail:after {
		transition-delay: 1.3s;
	}
	.section:nth-child(odd) .block1_itemList .blockItem-detail:after {
		-webkit-transform: translate(-80px, 0);
		    -ms-transform: translate(-80px, 0);
		        transform: translate(-80px, 0);
	}
	.section:nth-child(even) .block1_itemList .blockItem-detail:after {
		-webkit-transform: translate(80px, 0);
		    -ms-transform: translate(80px, 0);
		        transform: translate(80px, 0);
	}
	.is-view .block1_itemList {
		opacity: 1;
	}
	.section:nth-child(odd) .is-view .block1_itemList,
	.section:nth-child(even) .is-view .block1_itemList {
		-webkit-transform: translate(0, 0);
		    -ms-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	.is-view .block1_itemList .blockItem-detail:after {
		opacity: 1;
	}
	.section:nth-child(odd) .is-view .block1_itemList .blockItem-detail:after,
	.section:nth-child(even) .is-view .block1_itemList .blockItem-detail:after {
		-webkit-transform: translate(0, 0);
		    -ms-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
}

.block-3 {
	letter-spacing: -0.4em;
}
.block-3 figure {
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.block-3 figure {
		padding-right: 7.5px; 
		width: 50%;
	}
}
@media screen and (min-width: 768px) {
	.block-3 figure + figure {
		margin-left: 60px;
	}
}
@media screen and (max-width: 767px) {
	.block-3 figure + figure {
		padding-right: 0;
		padding-left: 7.5px;
	}
}

@media screen and (min-width: 768px) {
	.block-4 .block_txt {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.section:nth-child(odd) .block1_itemList {
		clip: rect(0, 0, 600px, 0);
	}
	.section:nth-child(odd) .js-inview.is-view .block1_itemList {
		clip: rect(0, 960px, 600px, 0);
	}
}

@media screen and (min-width: 768px) {
	.section:nth-child(odd) .blockItem-cover figure + figure {
		right: 0;
	}
}

@media screen and (max-width: 767px) {
	.section:nth-child(odd) .blockItem-cover {
		padding-right: 20px;
	}
	.section:nth-child(odd) .blockItem-cover figure + figure {
		left: 20px;
	}
}

@media screen and (min-width: 768px) {
	.section:nth-child(odd) .blockItem-detail {
		padding-left: 60px;
	}
}

@media screen and (max-width: 767px) {
	.section:nth-child(odd) .blockItem-detail:before,
	.section:nth-child(odd) .blockItem-detail:after {
		background-position: right bottom;
	}
}

.section:nth-child(odd) .block-2 {
	text-align: right;
}

@media screen and (min-width: 768px) {
	.section:nth-child(odd) .block-4 .blockItem {
		float: right;
	}
	.section:nth-child(odd) .block-4 .blockItem-list {
		float: left;
	}
	.section:nth-child(odd) .blockItem-list-single {
		float: right;
	}
}

@media screen and (min-width: 768px) {
	.section:nth-child(even) .block1_itemList {
		clip: rect(0, 960px, 600px, 960px);
	}
	.section:nth-child(even) .js-inview.is-view .block1_itemList {
		clip: rect(0, 960px, 600px, 0);
	}
}

@media screen and (min-width: 768px) {
	.section:nth-child(even) .blockItem-cover {
		padding-left: 120px;
	}
	.section:nth-child(even) .blockItem-cover figure + figure {
		left: 0;
	}
}

@media screen and (max-width: 767px) {
	.section:nth-child(even) .blockItem-cover {
		padding-left: 20px;
	}
	.section:nth-child(even) .blockItem-cover figure + figure {
		right: 20px;
	}
}

@media screen and (max-width: 767px) {
	.section:nth-child(even) .blockItem-detail:before,
	.section:nth-child(even) .blockItem-detail:after {
		background-position: left bottom;
	}
}

.section:nth-child(even) .block-3 {
	text-align: right;
}

@media screen and (min-width: 768px) {
	.section:nth-child(even) .block-4 .blockItem {
		float: left;
	}
	.section:nth-child(even) .block-4 .blockItem-list {
		float: right;
	}
	.section:nth-child(even) .blockItem-list-single {
		float: left;
	}
}

.zoomImg {
	overflow: hidden;
}
.zoomImg img {
	opacity: 0;
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}
.is-view .zoomImg img {
	opacity: 1;
	transition: opacity 1s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1s;
	transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1s, -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}
.block:nth-child(odd) .zoomImg img {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
}
.block:nth-child(even) .zoomImg img {
	-webkit-transform-origin: 100% 0;
	    -ms-transform-origin: 100% 0;
	        transform-origin: 100% 0;
}

/* --------------------------------
   style
-------------------------------- */
@media screen and (max-width: 767px) {
	#style-01:after {
		top: -28px;
		width: 75px;
		height: 144px;
		background-image: url(/cp/adidas/lookbook/img/index/style01_bg_sp.png);
	}
}

@media screen and (min-width: 768px) {
	#style-01 .block_ttl {
		background-image: url(/cp/adidas/lookbook/img/index/style01_ttl.png);
	}
	#style-01 .block_ttl span {
		background-image: url(/cp/adidas/lookbook/img/index/style01_ttl_num.png);
	}
}

@media screen and (max-width: 767px) {
	#style-01 .blockItem-detail:before {
		background-image: url(/cp/adidas/lookbook/img/index/style01_ttl_sp.png);
	}
	#style-01 .blockItem-detail:after {
		background-image: url(/cp/adidas/lookbook/img/index/style01_ttl_num_sp.png);
	}
}

@media screen and (min-width: 768px) {
	#style-01 .blockItemOverlay {
		background: rgba(9, 69, 129, 0.8);
	}
}

@media screen and (max-width: 767px) {
	#style-02:after {
		top: -80px;
		width: 106px;
		height: 111px;
		background-image: url(/cp/adidas/lookbook/img/index/style02_bg_sp.png);
	}
}

@media screen and (min-width: 768px) {
	#style-02 .block_ttl {
		background-image: url(/cp/adidas/lookbook/img/index/style02_ttl.png);
	}
	#style-02 .block_ttl span {
		background-image: url(/cp/adidas/lookbook/img/index/style02_ttl_num.png);
	}
}

@media screen and (max-width: 767px) {
	#style-02 .blockItem-detail:before {
		background-image: url(/cp/adidas/lookbook/img/index/style02_ttl_sp.png);
	}
	#style-02 .blockItem-detail:after {
		background-image: url(/cp/adidas/lookbook/img/index/style02_ttl_num_sp.png);
	}
}

@media screen and (min-width: 768px) {
	#style-02 .blockItemOverlay {
		background: rgba(179, 41, 109, 0.8);
	}
}

@media screen and (max-width: 767px) {
	#style-03:after {
		top: -110px;
		width: 176px;
		height: 137px;
		background-image: url(/cp/adidas/lookbook/img/index/style03_bg_sp.png);
	}
}

@media screen and (min-width: 768px) {
	#style-03 .block_ttl {
		background-image: url(/cp/adidas/lookbook/img/index/style03_ttl.png);
	}
	#style-03 .block_ttl span {
		background-image: url(/cp/adidas/lookbook/img/index/style03_ttl_num.png);
	}
}

@media screen and (max-width: 767px) {
	#style-03 .blockItem-detail:before {
		background-image: url(/cp/adidas/lookbook/img/index/style03_ttl_sp.png);
	}
	#style-03 .blockItem-detail:after {
		background-image: url(/cp/adidas/lookbook/img/index/style03_ttl_num_sp.png);
	}
}

@media screen and (min-width: 768px) {
	#style-03 .blockItemOverlay {
		background: rgba(17, 162, 152, 0.8);
	}
}

@media screen and (max-width: 767px) {
	#style-04:after {
		top: -125px;
		width: 82px;
		height: 135px;
		background-image: url(/cp/adidas/lookbook/img/index/style04_bg_sp.png);
	}
}

@media screen and (min-width: 768px) {
	#style-04 .block_ttl {
		background-image: url(/cp/adidas/lookbook/img/index/style04_ttl.png);
	}
	#style-04 .block_ttl span {
		background-image: url(/cp/adidas/lookbook/img/index/style04_ttl_num.png);
	}
}

@media screen and (max-width: 767px) {
	#style-04 .blockItem-detail:before {
		background-image: url(/cp/adidas/lookbook/img/index/style04_ttl_sp.png);
	}
	#style-04 .blockItem-detail:after {
		background-image: url(/cp/adidas/lookbook/img/index/style04_ttl_num_sp.png);
	}
}

@media screen and (min-width: 768px) {
	#style-04 .blockItemOverlay {
		background: rgba(49, 49, 49, 0.8);
	}
}

@media screen and (max-width: 767px) {
	#style-05:after {
		top: -131px;
		width: 171px;
		height: 144px;
		background-image: url(/cp/adidas/lookbook/img/index/style05_bg_sp.png);
	}
}

@media screen and (min-width: 768px) {
	#style-05 .block_ttl {
		background-image: url(/cp/adidas/lookbook/img/index/style05_ttl.png);
	}
	#style-05 .block_ttl span {
		background-image: url(/cp/adidas/lookbook/img/index/style05_ttl_num.png);
	}
}

@media screen and (max-width: 767px) {
	#style-05 .blockItem-detail:before {
		background-image: url(/cp/adidas/lookbook/img/index/style05_ttl_sp.png);
	}
	#style-05 .blockItem-detail:after {
		background-image: url(/cp/adidas/lookbook/img/index/style05_ttl_num_sp.png);
	}
}

@media screen and (min-width: 768px) {
	#style-05 .blockItemOverlay {
		background: rgba(188, 17, 26, 0.8);
	}
}

@media screen and (min-width: 768px) {
	#style-01 .secIinner {
		padding-top: 100px;
	}
}

@media screen and (max-width: 767px) {
	#style-01 .secIinner {
		padding-top: 83px;
	}
}

@media screen and (min-width: 768px) {
	#style-05 .secIinner {
		padding-bottom: 100px;
	}
}

@media screen and (max-width: 767px) {
	#style-05 .secIinner {
		padding-bottom: 57px;
	}
}

/* --------------------------------
   other
-------------------------------- */
@media screen and (min-width: 768px) {
	.other {
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	.other {
		margin: 0 auto;
		padding-bottom: 30px;
		width: 295px;
	}
}

.otherBtnList {
	text-align: center;
}
@media screen and (min-width: 768px) {
	.otherBtnList {
		letter-spacing: -0.4em;
	}
}

@media screen and (min-width: 768px) {
	.otherBtnItem {
		display: inline-block;
		margin: 0 15px;
		width: 465px;
		vertical-align: top; 
		letter-spacing: 0;
	}
}

@media screen and (max-width: 767px) {
	.otherBtnItem + .otherBtnItem {
		padding-top: 20px;
	}
}

@media screen and (min-width: 768px) {
	.otherBtnItem:nth-child(1) a {
		padding-right: 19px;
	}
	.otherBtnItem:nth-child(1) a:before {
		width: 41px;
		background-image: url(/cp/adidas/lookbook/img/index/ico_collect.png); 
		background-position: 0 15px;
	}
	.otherBtnItem:nth-child(1) a:hover:before {
		background-image: url(/cp/adidas/lookbook/img/index/ico_collect_white.png);
	}
}

@media screen and (max-width: 767px) {
	.otherBtnItem:nth-child(1) a:before {
		background-image: url(/cp/adidas/lookbook/img/index/ico_collect_sp.png);
	}
}

@media screen and (min-width: 768px) {
	.otherBtnItem:nth-child(2) a {
		padding-left: 4px;
	}
	.otherBtnItem:nth-child(2) a:before {
		width: 37px;
		background-image: url(/cp/adidas/lookbook/img/index/ico_shop.png); 
		background-position: 0 15px;
	}
	.otherBtnItem:nth-child(2) a:hover:before {
		background-image: url(/cp/adidas/lookbook/img/index/ico_shop_white.png);
	}
}

@media screen and (max-width: 767px) {
	.otherBtnItem:nth-child(2) a:before {
		background-image: url(/cp/adidas/lookbook/img/index/ico_shop_sp.png);
	}
}

.otherBtnItem_btn {
	font-weight: bold;
	line-height: 1;
}
.otherBtnItem_btn a {
	display: block;
	overflow: hidden;
	position: relative;
	background: no-repeat left top;
	color: #313131;
}
.otherBtnItem_btn a:before {
	content: "";
}
.otherBtnItem_btn a span {
	position: relative;
	z-index: 5;
}
@media screen and (min-width: 768px) {
	.otherBtnItem_btn {
		font-size: 16px;
	}
	.otherBtnItem_btn a {
		padding-top: 7px;
		height: 64px;
		background-image: url(/cp/adidas/lookbook/img/index/btn_bg.png);
	}
	.otherBtnItem_btn a:before {
		display: inline-block;
		position: relative;
		z-index: 5;
		height: 100%;
		background: no-repeat;
		background-size: 21px auto;
		vertical-align: middle;
	}
	.otherBtnItem_btn a:after {
		content: "";
		position: absolute;
		z-index: 1;
		top: 2px;
		right: 2px;
		bottom: 2px;
		left: 2px;
		transition: all 0.25s cubic-bezier(0, 0, 0.58, 1); 
		background: #fff;
	}
	.otherBtnItem_btn a:hover {
		color: #fff;
	}
	.otherBtnItem_btn a:hover:after {
		left: 100%;
	}
}
@media screen and (max-width: 767px) {
	.otherBtnItem_btn {
		font-size: 12px;
	}
	.otherBtnItem_btn a {
		padding: 20px 0 0;
		height: 51px;
		background-image: url(/cp/adidas/lookbook/img/index/btn_bg_sp.png);
		background-size: 100% auto;
	}
	.otherBtnItem_btn a:before {
		position: absolute;
		top: 16px;
		left: 28px;
		width: 18px;
		height: 18px;
		background-size: 100% auto;
	}
}

.otherBtnItem_txt {
	margin-left: 1em;
	text-align: left; 
	text-indent: -1em;
	color: #999;
}
@media screen and (min-width: 768px) {
	.otherBtnItem_txt {
		padding-top: 7px;
		font-size: 12px;
		line-height: 1.5;
	}
}
@media screen and (max-width: 767px) {
	.otherBtnItem_txt {
		padding-top: 11px;
		letter-spacing: 1px; 
		font-size: 10px;
		font-weight: bold;
		line-height: 1.4;
	}
	.otherBtnItem_txt br {
		display: none;
	}
}

.other_btn-prev a {
	display: block;
	background: #000;
	text-align: center; 
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
}

@media screen and (min-width: 768px) {
	.other_btn-prev {
		margin: 48px auto 0;
		width: 466px;
	}
	.other_btn-prev a {
		position: relative;
		padding-top: 12px;
		height: 64px;
		font-size: 16px;
	}
	.other_btn-prev a span {
		position: relative;
		z-index: 5;
	}
	.other_btn-prev a:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		transition: all 0.25s cubic-bezier(0, 0, 0.58, 1); 
		background: #666;
	}
	.other_btn-prev a:hover:before {
		width: 100%;
		transition: all 0.25s cubic-bezier(0, 0, 0.58, 1);
	}
}

@media screen and (max-width: 767px) {
	.other_btn-prev {
		padding-top: 27px;
	}
	.other_btn-prev a {
		padding-top: 11px;
		height: 51px;
		font-size: 12px;
	}
}

.otherSnsList {
	text-align: center;
	letter-spacing: -0.4em;
}
.otherSnsList li {
	display: inline-block;
	padding: 0 2px;
	vertical-align: top; 
	letter-spacing: 0;
	font-size: 0;
	line-height: 1;
}
@media screen and (min-width: 768px) {
	.otherSnsList {
		padding-top: 80px;
	}
}
@media screen and (max-width: 767px) {
	.otherSnsList {
		padding-top: 30px;
	}
}