/* ==================================================== */
/* DESCRIPTION */
/*

BASE : OOCSS;

*/
/* ==================================================== */
.helvetica{
	font-family:"HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", "Arial", serif;
}
.helvetica-normal{
	font-family:"Helvetica Neue", "Arial", sans-serif;
}
.away-wrapper img{
	width:auto;
}
.width-120{
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.pcOnly{
	display:block;
}
.spOnly{
	display:none;
}
/* ==================================================== */
/* COMMON */
/* ==================================================== */

.away-section{
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center;
	height:980px;
	height:100vh;
	    height: 68vw;
	color:#fff;
	position:relative;
}
.spOnly{
	display:none!important;
}
.away-inner{
	position:absolute;
	left:0;
	bottom:64px;
	padding:0 89px;
}
.away-inner .title{
	margin-bottom:45px;
}
.project{
	text-align: right;
	line-height: 1;
	margin-top: -23px;
	font-size: 20px;
}

.away-inner .sub-title{
	font-size:16px;
	line-height:1;
	margin-bottom: 14px;
}

.away-inner h2{
  font-size: 55px;
  letter-spacing: -2px;
  line-height: 0.8;
  margin-bottom: 40px;
}

.away-inner .btn{
	border:1px solid #fff;
	font-size:15px;
	line-height:1;
	display:flex;
	justify-content: center;
	align-items: center;

	position:relative;
	z-index:2;

	width:160px;
	height:38px;
	font-weight:100;

	cursor:pointer;

	color:#fff;
	background:transparent;
	transition:400ms;
}



.picture-credit{
	position:absolute;
	top:10px;
	right:10px;
	font-size:10px;
	color:#fff;
	line-height:1;
	background:#1a1a1a;
	padding:4px 8px;
}

@media screen and (min-width:1324px){
	.width-120{
		width:1200px;
		left:50%;
		margin-left:-600px;

	}
	.away-inner{
		padding:0;
	}
}

/* ==================================================== */
/* LAYOUT */
/* ==================================================== */

.away-header h1{
	font-size: 94px;
	letter-spacing: -5px;
	line-height: 0.85;
}

.away-header{
	background-image: url(../img/bg/bg-header.jpg);
}
.away-section01{
	background-image: url(../img/bg/bg-01.jpg);
}
.away-section02{
	background-image: url(../img/bg/bg-02.jpg);
}
.away-section03{
	background-image: url(../img/bg/bg-03.jpg);
}
.away-section04{
	background-image: url(../img/bg/bg-04.jpg);
}
.away-section05{
	background-image: url(../img/bg/bg-05.jpg);
}

/* ==================================================== */
/* ACTION */
/* ==================================================== */

@media screen and (min-width:737px){
	.away-inner .btn:hover{
		background:#fff;
		color:#000;
	}
}

/* ==================================================== */
/* STATE */
/* ==================================================== */
.ua-desktop-windows .away-header h1{
	line-height:0.8;
}

@media screen and (max-width:1080px) and (min-width:900px){
	.project{
		font-size:16px;
	}
}
@media screen and (max-width:900px){
	/* ==================================================== */
	/* BASE */
	/* ==================================================== */
	.spOnly{
		display:block!important;
	}
	.width-100{
	}
	.pcOnly{
		display:none;
	}
	.spOnly{
		display:block;
	}
	.away-header{
		background-image: url(../img/bg/bg-header-sp.jpg);
	}
	.away-section{
		height:100vh;
	}
	.away-section01{
		background-image: url(../img/bg/bg-01-sp.jpg);
	}
	.away-section02{
		background-image: url(../img/bg/bg-02-sp.jpg);
	}
	.away-section03{
		background-image: url(../img/bg/bg-03-sp.jpg);
	}
	.away-section04{
		background-image: url(../img/bg/bg-04-sp.jpg);
	}
	.away-section05{
		background-image: url(../img/bg/bg-05-sp.jpg);
	}

	.away-inner .title{
		width:120px;
		margin-bottom: 20px;
	}
	.away-header h1{
		font-size: 41px;
		letter-spacing: -2px;
		margin-bottom: 22px;
	}
	.away-inner h2{
		font-size:35px;
		margin-bottom: 23px;
	}
	.away-inner .sub-title{
		font-size:15px;
	}
	.project{
		text-align: left;
		margin-top: 0;
		font-size: 12px;
	}
	.away-inner{
		padding:0px 20px;
		bottom:40px;
	}
	.away-inner .btn{
    margin-bottom: 22px;
    font-weight: 300;
    width: 140px;
    height: 32px;
    font-size: 12px;
	}
	.picture-credit{
		font-size:8px;
	}
}

@media screen and (max-width:737px){	
	body.postid-15053 #gallery .firstview:before,
	body.postid-15054 #gallery .firstview:before,
	body.postid-15055 #gallery .firstview:before,
	body.postid-15056 #gallery .firstview:before,
	body.postid-15065 #gallery .firstview:before{
		background:none;
	}
}