@media screen and (max-width:640px) {

	body {
		background:#fff;
	}

	/* header */
		.header__logo {
			width: 80px;
			height: 35px;
			top: 20px;
			left: 20px;
		}

		.header__nav {
			top: 28px;
			right: 20px;
		}
	/* header */


	/* nav */
		.nav {
	   		width: 300px;
	   		padding: 70px 30px;
		}

		.nav__item {
			margin-bottom: 15px;
    		font-size: 20px;
		}
	/* nav */


	/* main */
		.main {
			position: absolute;
			height:100%;
		}

		.main__scroll-text,
		.main__contest-btn {
			display:none;
		}

		.main__menu {
			transform:scale(0.4);
			transform-origin:0 50%;
			left: 17px;
		}

		.main__left {
			display:none;
		}

		.main__right__item {
			width:100vw;
		}

		.main__right__item__desc {
			max-width: 100%;
			font-size:15px;
			padding-left:20px;
			padding-right:20px;
		}

		.main__right__item__title {
			font-size: 64px;
			line-height:1.2em;
		}
	/* main */

	/* article */
		.article__intro {
			height:95vh;
		}

		.article__intro--sc {
			background-position:50% 0;
		}

		.article__intro--sp {
			background-position:49% 0;
		}

		.article__intro--denim {
			background-position:17% 0;
		}

		.article__intro--rock {
			background-position:71% 0;
		}

		.article__intro--party {
			background-position:63% 0;
		}

		.article__side-block,
		.article__another-btn {
			display:none !important;
		}


		.article__content__half {
			width:100%;
			margin-bottom:30px;
		}

		.article__content__half > img {
			width:100%;
			/*margin-left:-20px;*/
		}

		.article__num-block {
			width:49%;
			height:auto;
			/*min-height:350px;*/
			padding:30px 0;
			display:inline-block;
			float: none;
    		vertical-align: top;
		}

		.article__click-access {
			display:none;
		}

		.article__content__block {
			margin-top:0 !important;
		}

		/* carousel blocks */
			.article__content__block--sc2,
			.article__content__block--sc4,
			.article__content__block--sc6, 
			.article__content__block--sp2,
			.article__content__block--sp4,
			.article__content__block--sp6, 
			.article__content__block--denim2,
			.article__content__block--denim4,
			.article__content__block--denim6, 
			.article__content__block--rock2,
			.article__content__block--rock4,
			.article__content__block--rock6,
			.article__content__block--party2,
			.article__content__block--party4,
			.article__content__block--party6 {
				display:flex;
				flex-direction:column-reverse;
				margin-bottom:30px;
			}

			.article__content__block--sc2 .article__content__q,
			.article__content__block--sc4 .article__content__q,
			.article__content__block--sc6 .article__content__q, 
			.article__content__block--sp2 .article__content__q,
			.article__content__block--sp4 .article__content__q,
			.article__content__block--sp6 .article__content__q, 
			.article__content__block--denim2 .article__content__q,
			.article__content__block--denim4 .article__content__q,
			.article__content__block--denim6 .article__content__q, 
			.article__content__block--rock2 .article__content__q,
			.article__content__block--rock4 .article__content__q,
			.article__content__block--rock6 .article__content__q, 
			.article__content__block--party2 .article__content__q,
			.article__content__block--party4 .article__content__q,
			.article__content__block--party6 .article__content__q {
				width:100%;
				padding:20px;
			}

			.article__content__block--sc2 .article__content__tq,
			.article__content__block--sc4 .article__content__tq,
			.article__content__block--sc6 .article__content__tq, 
			.article__content__block--sp2 .article__content__tq,
			.article__content__block--sp4 .article__content__tq,
			.article__content__block--sp6 .article__content__tq, 
			.article__content__block--denim2 .article__content__tq,
			.article__content__block--denim4 .article__content__tq,
			.article__content__block--denim6 .article__content__tq, 
			.article__content__block--rock2 .article__content__tq,
			.article__content__block--rock4 .article__content__tq,
			.article__content__block--rock6 .article__content__tq, 
			.article__content__block--party2 .article__content__tq,
			.article__content__block--party4 .article__content__tq,
			.article__content__block--party6 .article__content__tq {
				width:100%;
			}
		/* carousel blocks */


		/* video */
			.article__content__block--sc7 .article__content__q {
				display:none;
			}

			.article__content__block--sc7 .article__content__tq	{
				width:100%;
			}
		/* video */

	/* article */

	/* article mix */
		.article__mix {
			height:auto;
			padding:50px 20px;
		}

		.article__mix__title {
			font-size: 42px;
			width:100%;
			margin-bottom:20px;
		}

		.article__mix__desc {
			font-size:20px;
			width:100%;
		}
	/* article mix */

	/* map */
		.map {
			top:0;
			left:0;
			bottom:0;
			right:0;
		}

		.map__list {
			width:100%;
			height:100%;
			padding:77% 15px 15px;
		}

		.map__list__title {
			font-size: 18px;
			margin-bottom:15px;
		}

		.map__list__list-wrap {
			height: 42.7vh;
		}

		.map__list__item {
			padding:10px 0;
		}

		.map__list__item__bubble {
			top:15px;
		}

		.map__list__item__title {
			font-size: 18px;
		}

		.map__list__item__addr,
		.map__list__item__info {
			font-size:13px;
			line-height:1.4em;
		}

		.map__map {
			width:100%;
			height:40%;
			top:0;
			left:0;
			right:auto;
		}
	/* map */

	/* game */
		.game__scr__title-block,
		.game__scr3 .game__scr__title-block, 
		.game__scr4 .game__scr__title-block {
			top:20px;
		}

		.game__scr__title-block__num {
			width:45px;
			height:45px;
			font-size: 42px;
    		padding-top: 3px;
		}

		.game__scr__title-block__text {
   			font-size: 35px;
		}

		.game__scr3 .game__scr__title-block__text {
			font-size: 30px;
		}

		.game__scr1__list > li {
			width:50%;
			height:45%;
		}

		.game__scr1__list > li:nth-child(1),
		.game__scr1__list > li:nth-child(2) {
			height:55%;
		}

		.game__scr2__list > li {
			width:100%;
			height:58%;
		}

		.game__scr2__list > li:nth-child(2) {
			height:42%;
		}

		.game__scr2__list__desc {
			opacity:1;
			top:auto;
			bottom:30px;
			transform: translate(-50%);
		}

		.game__scr2__list__pic {
			top:auto;
			bottom:80px;
			transform: translate(-50%);
		}

		.game__scr3 .game__scr__title-block {
			top:80px;
		}

		.game__src3__cats__item {
			width: 82px;
		    height: 32px;
		    margin: 0 5px;
		    border-radius: 16px;
		    padding: 8px;
		    font-size: 12px;
		}

		.game__scr3__list-wrap {
			padding:0 40px;
		}

		.game__scr3__list__item {
			border:0;
		}

		.game__scr3__list__item .black__btn {
			opacity:1;
		}

		.game__scr3__popup {
			top:50%;
    		box-shadow: 0 0 60px #333;
		}

		.game__scr3__popup__text {
			font-size: 24px;
		}

		.game__scr3__popup__btns .black__btn {
			margin-bottom:10px;
		}

		.game__scr4 .game__scr__title-block {
			top:80px;
		}

		.game__scr4__selection {
			height:60vh;
		}
	/* game */

	/* result */
		.result__title {
			font-size:30px;
			padding-top:35px;
			margin-bottom:20px;
		}

		.result .black__btn {
			margin:20px auto 0;
		}

		.result__share__text {
			padding-left:10px;
			padding-right:10px;
		}
	/* result */

	/* game intro popup */
		.game__scr1__intro-popup {
			padding:30px 15px;
		}

		.game__scr1__intro-popup__title {
			font-size:30px;
			margin-bottom:10px;
		}

		.game__scr1__intro-popup__num-block {
			width:100%;
			padding:10px;
			position:relative;
			overflow:hidden;
		}

		.game__scr1__intro-popup__num-block span {
			width: 45px;
	    	height: 45px;
	    	font-size: 36px;
	    	padding-top: 6px;
	    	margin-bottom:10px;
	    	margin-right:30px;
	    	display:block;
	    	float:left;
		}

		.game__scr1__intro-popup__num-block p {
			line-height:1.5em;
		}

		.game__scr1__intro-popup .black__btn {
			margin-top:15px;
			margin-bottom:15px;
		}
	/* game intro popup */

}

@media screen and (orientation:portrait) and (max-width:640px) {
	.lock {
		display:none;
	}
}

@media screen and (orientation:landscape) and (max-width:640px) {
	.lock {
		display:block;
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background:#fff;
		text-align:center;
		padding:38vh 20px;
		z-index:1000;
		font-size:48px;
		font-family: "Vogue Highline Serif","Times New Roman",serif;
	}
}