/*-------------------------------------------------
hack
--------------------------------------------------*/
body {
	-webkit-text-size-adjust: none;
}
html, body {
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
}
.footer-inner.first-box {
	transform: translate3d(0, 0, 0);
}
.footer-inner.first-box.is-fixed {
	bottom: 0!important;
	transform: translate3d(0, 0, 0);
}

/*-------------------------------------------------
top page
--------------------------------------------------*/
   /* 縦向きの場合のスタイル */
@media screen and (orientation:portrait) {
.top-header-area .top-header-inner {
	top: 18%!important;
	transform: translateY(0%)!important;
}
.top-header-area .top-h1 span {
	font-size: 6.8rem!important;
}
.pickup-icn-box {
	top: -180px!important;
	width: 140px!important;
	height: 140px!important;
}
.pickup-area .pickup-txt {
	top: 2.75rem!important;
	font-size: 3rem!important;
}
.pickup-area .pickup-txt .inner-txt {
	margin-top: -.5em!important;
}
.pickup-area .pickup-txt-box {
	max-width: 80%!important;
}
.pickup-area .pickup-txt-box .inner-txt {
	padding: 0.5em 2.55rem 0.35em!important;
}
.pickup-area .pickup-txt-box .inner-txt a {
	font-size: 1.6rem!important;
}
.pickup-area .pickup-txt-box .inner-txt::before {
	height: 6rem!important;
	border-left: 15px solid #111!important;
	transform: rotate(-31.5deg)!important;
}
.pickup-area .pickup-txt-box .inner-txt::after {
	right: 4px!important;
	border-left: 15px solid #111!important;
	transform: rotate(-31.5deg)!important;
}
.scroll-button a {
	font-size: 1.6rem!important;
}
.scroll-button .icn-mouse {
	width: 40px!important;
	height: 80px!important;
}
}
/*-------------------------------------------------
写真コンテンツ_リンクあり_ホバーアクション付き（pc-2,3,2写真タイプ_sp-2写真タイプ）
--------------------------------------------------*/
.ly-cont-link-hovaction-global .dd-img-hover .inner-txt {
	top: auto;
	bottom: 0;
	left: 0;
	display: block;
	padding: 5px;
	text-align: left;
	transform: translateY(0);
	background: rgba(0,0,0,.75);
	height: 2.2em;
}
.ly-cont-link-hovaction-global a:hover .dd-img-hover::before {
	display: none;
}
.ly-cont-link-hovaction-global a .dd-img-hover::before, .ly-cont-link-hovaction-global a:hover .dd-img-hover::before {
	display: none;
}
.ly-cont-link-hovaction-global a:hover .dd-img-hover .inner-txt {
	-webkit-animation: none;
	animation: none;
}
.ly-cont-link-hovaction-global a:hover .dd-img-hover::before {
	-webkit-animation: none;
	animation: none;
}