@charset "utf-8";




@media screen and (max-width: 999px) {
	.u-show-pc {
		display: none !important;
	}

	.u-show-mobile {
		display: none !important;
	}
	
	.u-show-tablet {
		display: inline-block !important;
	}
	
	.u-grandia-button .button {
		font-size: 1.6rem;
		width: 240px;
	}
	
	.u-grandia-button .button:after {
		transform: translateY(-50%) scale(.75);
	}
	
	.l-main {
		margin-top: 40px;
	}
	
	.l-main .slick-dots {
		bottom: 0;
	}
	
	.l-grandia-menu {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2000;
	}
	
	.l-grandia-menu.is-fixed {
		position: fixed;
	}
	
	.l-grandia-menu__button {
		color: #fff;
		font-size: 1.2rem;
		min-height: 40px;
		padding: 15px 30px;
		display: block !important;
		background: #000;
		position: relative;
		z-index: 9999;
	}
	
	.l-grandia-menu__button:after {
		content: '';
		width: 26px;
		height: 26px;
		display: block;
		background: url("/images/grandia/nav-button-01.png") no-repeat center / 100% auto;
		position: absolute;
		top: 50%;
		right: 30px;
		transform: translateY(-50%);
		transition: .2s ease;
	}
	
	.is-nav-open .l-grandia-menu__button:after {
		background-image: url("/images/grandia/nav-button-02.png");
		transform: translateY(-50%) rotate(-180deg);
	}
	
	.l-grandia-menu__items {
		padding: 0;
		display: none;
		background: #fff;
		border-bottom: 1px solid #000;
	}
	
	.l-grandia-menu__item {
		padding: 0;
		border-right: 0 !important;
		border-left: 0 !important;
		border-top: 1px solid #000;
	}
	
	.l-grandia-menu__item a {
		color: #000;
		padding: 15px 30px;
		display: block;
	}
	
	.l-zero {
		padding: 80px 0;
	}
	
	.l-zero h5 em {
		font-size: 1.8rem;
	}
	
	.l-zero h5 span {
		font-size: 1.4rem;
	}
	
	
	
	.l-zero__read {
		padding: 0 60px;
	}
	
	.l-function__corner-title {
		width: 40%;
	}
	
	.l-function__corner-title img {
		max-width: 80%;
	}
	
	.l-function__corner-button {
		width: 40%;
		padding: 12% 0 0;
	}
	
	.l-function .u-grandia-button .button {
		width: 200px;
	}
	
	.l-function__wrap:nth-of-type(even) .l-function__corner-title,
	.l-function__wrap:nth-of-type(even) .l-function__corner-button {
		padding-left: 0;
		right: 0;
	}
	
	.l-function__wrap img.u-show-pc {
		display: inline-block !important;
	}
	
	.l-grandia-relation-video {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.l-lineup__inner {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.l-lineup__title-grandia {
		max-width: 37%;
	}
	
	.l-lineup__image {
		max-width: 60%;
		padding-right: 20px;
	}
	
	.l-lineup__text-catch {
		font-size: 2.2rem;
	}
	
	.l-lineup__text-name {
		font-size: 2.2rem;
	}
	
	.l-lineup__text-number {
		font-size: 1.4rem;
	}
	
	.l-banner__items {
		padding: 0 30px 5%;
	}
	
	.l-modal-cover {
		padding: 160px 0 0;
	}
	
	.l-modal {
		width: calc(100% - 120px);
		max-width: none;
		margin-bottom: 200px;
		padding: 60px 30px;
	}
	
	.l-modal-close {
		width: 80px;
		height: 80px;
		top: 70px;
		right: -20px;
	}
	
	.l-function__modal-inner {
		margin: 0 0 40px;
	}
	
	.l-function__modal-title {
		font-size: 3rem;
		max-width: 50%;
	}
	
	.l-function__modal-catch {
		font-size: 2.2rem;
	}
	
	.l-function__modal-catch em {
		/*left: 35%;*/
	}
	
	.l-function__modal-description h5 {
		font-size: 2.4rem;
		letter-spacing: 0;
	}
	
	.l-function__modal-description p {
		font-size: 1.6rem;
		line-height: 1.5;
		letter-spacing: 0;
	}
	
	.l-function__modal-pager {
		font-size: 1.6rem;
		text-align: center;
		padding: 20px 0 0;
		display: block;
		position: relative;
		top: auto;
		right: auto;
		transform: none;
	}
	
	.modal_switch {
		font-size: 1.6rem;
	}
	
	.l-voice-main {
		margin-top: 40px;
	}
	
	.l-voice-main__breadcrumb {
		width: 100%;
		min-width: 0;
		max-width: none;
		padding: 0 15px;
		top: 15px;
	}
	
	.l-grandia-reservation__product ul {
		transform: none;
	}
	
	.l-grandia-reservation__product li {
		width: calc(100% / 3.5);
	}
	
	
	
	
/* 20190313 - lineup */
	.l-voice-lineup {
		padding: 80px 20px 30px;
	}
	
	
	
	
} /* max-width: 999px */




@media screen and (max-width: 767px) {
	.u-show-pc {
		display: none !important;
	}
	
	.u-show-tablet {
		display: none !important;
	}
	
	.u-show-mobile {
		display: block !important;
	}
	
	.u-hide-mobile {
		display: none;
	}
	
	.u-grandia-button .button {
		font-size: 1.3rem;
		letter-spacing: .1em;
		width: auto;
		padding: 10px 30px 10px 20px;
	}
	
	.u-grandia-button .button:after {
		right: 10px;
	}
	
	.l-main {
		padding: 0;
	}
	
	.l-main__wrap {
		background: url("/images/grandia/main-bg-01.png") no-repeat right -25% top 0 / auto 110%;
		position: relative;
		top: auto;
		left: auto;
	}
	
	.l-main__copy {
		text-align: center;
		width: 100%;
		padding: 13.5% 0 0;
		position: relative;
		top: auto;
		left: auto;
	}
	
	.l-main__copy img {
		max-width: 67.5%;
	}
	
	.l-main__title {
		text-align: center;
		max-width: none;
		padding: 10% 0 0;
		position: relative;
		top: auto;
		left: auto;
	}
	
	.l-main__title img {
		max-width: 65%;
	}
	
	.l-main__logo {
		text-align: center;
		width: 100%;
		padding: 5% 0 7.5%;
		position: relative;
		top: auto;
		left: auto;
	}
	
	.l-main__logo img {
		max-width: 18.5%;
	}
	
	.l-main__slide {
		width: 100%;
		height: auto;
		position: relative;
		top: auto;
		right: auto;
	}
	
	.l-main__slide-item img {
		max-width: 100%;
		transform: none;
	}
	
	.l-main__slide-item img.u-show-mobile {
		display: block;
	}
	
	.l-zero__title {
		padding: 0 0 35px;
		display: block;
	}
	
	.l-zero__title-logo {
		max-width: 22.5%;
		margin: 0 auto 30px;
		display: block;
	}
	
	.l-zero__title-copy {
		max-width: 70%;
		margin: 0 auto;
		display: block;
	}
	
	.l-zero__read {
		font-size: 1.4rem;
		line-height: 2;
		text-align: left;
		padding: 0 15px;
	}
	
	.l-zero h5 span {
		padding: 4% 0;
	}
	
	.l-function__title {
		padding: 0 0 8%;
	}
	
	.l-function__title img {
		width: 87.5%;
	}
	
	.l-function__title.is-etc {
		padding: 12% 0 8%;
	}
	
	.l-function__title.is-etc img {
		width: 66.5%;
	}
	
	.l-function__wrap img.u-show-pc {
		display: none !important;
	}
	
	.l-function .u-grandia-button .button {
		font-size: 1.1rem;
		width: auto;
		padding: 10px 30px 10px 15px;
	}
	
	.l-function .u-grandia-button .button:after {
		border-width: 7px 0 7px 14px;
	}
	
	.l-function__corner-title {
		text-align: center;
		width: 52.5%;
		padding-right: 3% !important;
		padding-left: 3% !important;
	}
	
	.l-function__corner-button {
		width: 52.5%;
	}
	
	.l-function__wrap:nth-of-type(1) .l-function__corner-title { padding-top: 5%; }
	
	.l-function__wrap:nth-of-type(2) .l-function__corner-title { padding-top: 20%; padding-right: 0 !important; }
	
	.l-function__wrap:nth-of-type(3) .l-function__corner-title { padding-top: 5%; }
	
	.l-function__wrap:nth-of-type(4) .l-function__corner-title { padding-top: 20%; }
	
	.l-function__wrap:nth-of-type(1) .l-function__corner-button { padding-top: 11%; }
	
	.l-function__wrap:nth-of-type(2) .l-function__corner-button { padding-top: 29%; }
	
	.l-function__wrap:nth-of-type(3) .l-function__corner-button { padding-top: 12%; }
	
	.l-function__wrap:nth-of-type(4) .l-function__corner-button { padding-top: 27.5%; }
	
	
	.l-function__corner-title img {
		max-width: 100%;
	}
	
	.l-grandia-relation-video {
		padding-top: 65px;
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.l-grandia-relation-video .e-video {
		margin: 0 0 20px;
	}
	
	.l-grandia-relation-video .e-video-wrap {
		margin: 0;
		padding: 0;
		display: block;
	}
	
	.l-grandia-relation-video .e-video-wrap .e-video {
		width: 100%;
		margin: 0 0 20px;
	}
	
	
	.l-lineup {
		padding: 20% 0 0;
	}
	
	.l-lineup__inner {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.l-lineup__title {
		margin: 0 0 40px;
	}
	
	.l-lineup__title img {
		max-width: 32.5%;
	}
	
	.l-lineup__title-grandia {
		text-align: center;
		max-width: 100%;
		padding: 15px 0 15px 10px;
		border-width: 3px;
	}
	
	.l-lineup__title-grandia img {
		max-width: 47.5%;
	}
	
	.l-lineup__text-catch {
		font-size: 2rem;
		text-align: center;
		padding: 20px 0 0;
	}
	
	.l-lineup__text-name {
		font-size: 2rem;
		text-align: center;
		padding: 0 0 1.5%;
	}
	
	.l-lineup__text-number {
		font-size: 1rem;
		text-align: center;
		padding: 0;
	}
	
	.l-lineup__image {
		max-width: 100%;
		padding: 25px 0 0;
		position: relative;
		top: auto;
		right: auto;
	}
	
	.l-banner__items {
		padding: 0 15px 15%;
	}
	
	.l-modal-cover {
		padding: 125px 0 0;
	}
	
	.l-modal {
		width: calc(100% - 70px);
		padding: 40px 20px;
	}
	
	.l-modal-close {
		width: 50px;
		height: 50px;
		top: 65px;
		right: -7px;
	}
	
	.l-function__modal-title {
		font-size: 1.75rem;
		max-width: 75%;
	}
	
	#FUNCTION-1 .l-function__modal-catch {
		background-size: auto 80%;
	}
	
	.l-function__modal-catch {
		font-size: 1.75rem;
		margin: 0;
		padding: 37.5% 0 0 0;
		/*background: url("/images/grandia/func-img-01.jpg") no-repeat left 7.5% bottom 0 / auto 80% !important;*/
	}
	
	#FUNCTION-1 .l-function__modal-catch {
		/*background: url("/images/grandia/func-img-01.jpg") no-repeat left 5% bottom 0 / auto 80% !important;*/
	}

	#FUNCTION-2 .l-function__modal-catch {
		/*background: url("/images/grandia/func-img-03.jpg") no-repeat left 5% bottom 0 / auto 80% !important;*/
	}

	#FUNCTION-3 .l-function__modal-catch {
		/*background: url("/images/grandia/func-img-04.jpg") no-repeat left 5% bottom 0 / auto 80% !important;*/
	}

	#FUNCTION-4 .l-function__modal-catch {
		/*background: url("/images/grandia/func-img-05.jpg") no-repeat left 5% bottom 0 / auto 80% !important;*/
	}
	
	.l-function__modal-catch em {
		top: 50%;
		/*left: 45%;*/
		transform: translateY(-50%);
	}
	
	.l-function__modal-inner:after {
		width: 25px;
		height: 38px;
		top: 15px;
	}
	
	.l-function__modal-inner {
		display: block;
	}
	
	.l-function__modal-description {
		width: 100%;
		padding: 70px 0 0;
	}
	
	.l-function__modal-description h5 {
		font-size: 1.75rem;
		margin: 0 0 10px;
	}
	
	.l-function__modal-description p {
		font-size: 1.4rem;
		line-height: 1.8;
	}
	
	.l-function__modal-description p.note {
		font-size: 1.3rem;
	}
	
	.l-function__modal-image {
		text-align: center;
		width: 100%;
		padding: 25px 0 0;
	}
	
	.l-function__modal-image figcaption {
		font-size: 1.3rem;
	}
	
	.l-function__modal-slide {
		margin: 0;
		display: none;
	}
	
	.l-function__modal-slide.u-show-media {
		display: block;
	}
	
/*
	.l-function__modal-slide img {
		transform: scale(1.5) ;
	}
*/
	
	.l-function__modal-slide .slick-dots li {
		margin: 0 5px;
	}
	
	.l-function__modal-slide .slick-dots li button:before {
		font-size: 1rem;
	}
	
	.modal_switch {
		font-size: 1.1rem;
		width: 30%;
		min-width: 105px;
		margin: 0;
		padding: 8px 0 8px 1em;
	}
	
	.modal_switch:nth-of-type(even) {
		padding: 8px 1em 8px 0;
	}
	
	.modal_switch:after {
		border-width: 7px 14px 7px 0;
		left: 10px;
	}
	
	.modal_switch:nth-of-type(even):after {
		right: 10px;
	}
	
	.l-function__modal-pager {
		font-size: 1.2rem;
		text-align: right;
		padding: 0;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(0,-50%);
	}
	
	
	
	
/* ========================================================================================== */
	.l-grandia-reservation__main {
		margin-bottom: 60px;
	}

	.l-grandia-reservation__product-title span {
		font-size: 1.5rem;
	}

	.l-grandia-reservation__product-title em {
		font-size: 3rem;
		line-height: 1.35;
		width: calc(100% - 30px);
		margin: 0 auto 40px;
		padding: 10px 0 40px;
	}

	.l-grandia-reservation__product p {
		font-size: 1.4rem;
		line-height: 1.75;
		margin: 0 0 60px;
		padding: 0 15px;
	}

	.l-grandia-reservation__product ul {
		text-align: center;
		display: block;
	}
	
	.l-grandia-reservation__product li {
		width: auto;
	}
	
	.l-grandia-reservation__product li img {
		max-width: 50%;
		margin: 0 0 40px;
	}

	.is-grandia-reservation .u-grandia-button {
		padding: 0;
	}

	.is-grandia-reservation .u-grandia-button a {
		font-size: 1.2rem;
		width: 47%;
		padding: 15px 0 15px 20px;
	}

	.l-grandia-reservation__spec ul {
		padding: 30px 15px 60px;
	}

	.l-grandia-reservation__spec li {
		padding: 15px 0 0;
	}

	.l-grandia-reservation__topics {
		padding: 60px 0;
	}
	
	
	
	
/* 20190313 - lineup */
	.l-voice-main__breadcrumb {
		font-size: 1rem;
	}
	
	.l-voice-main__title {
		padding: 15% 0 0;
	}
	
	.l-voice-main__title img {
		max-width: 64.5%;
	}
	
	.l-voice-main__catch {
		padding: 10% 0 0;
	}
	
	.l-voice-main__catch img {
		max-width: 78%;
		margin: 0 auto;
	}
	
	.l-voice-main__logo {
		padding: 11% 0 8%;
	}
	
	.l-voice-main__logo img {
		max-width: 32%;
	}
	
	.l-voice-lineup h3 {
		text-align: center;
		margin: 0 0 40px;
	}
	
	.l-voice-lineup h3 img {
		max-width: 60%;
	}
	
	.l-voice-lineup {
		padding: 70px 6.5% 30px;
	}
	
	.l-voice-lineup h4 {
		margin: 0 0 35px;
	}
	
	.l-voice-lineup h4 img {
		max-width: 80%;
		margin: 0 auto;
	}
	
	.l-voice-lineup__items {
		margin: 0 0 70px;
		display: block;
	}
	
	.l-voice-lineup__items h5 {
		width: 100%;
		min-height: 0;
		margin: 0 0 35px;
		padding: 15px 0 15px 25px;
	}
	
	.l-voice-lineup__items h5 img {
		width: auto;
		height: 35px;
		position: relative;
		top: auto;
		left: auto;
		transform: none;
	}
	
	.l-voice-lineup__items div {
		width: 100%;
		min-height: 0;
		margin: 0 0 25px;
		padding: 0 20px 20px;
	}
	
	.l-voice-lineup__items div figure:nth-of-type(1) {
		margin: 0 -20px 22px;
	}
	
	.l-voice-lineup__items div figure:nth-of-type(2) img {
		max-width: 100px;
	}
	
	.l-voice-lineup__items div figure:nth-of-type(2) figcaption {
		font-size: 14px;
	}
	
	.l-voice-lineup__items div p {
		font-size: 11px;
		margin: 0;
	}
	
	
	
	
	.l-voice-insta__items {
		margin: 0;
		padding-top: 0;
		padding-right: calc(6.5% - 5px);
		padding-bottom: 0;
		padding-left: calc(6.5% - 5px);
	}
	
	.l-voice-insta__items li {
		width: calc(100% / 2 - 10px);
		margin: 0 5px 10px;
	}
	
	.l-voice-insta__items img {
		margin: 0 0 5px;
	}
	
	.l-voice-insta__items span {
		padding: 5px;
	}
	
	.l-voice-insta__items em {
		line-height: 1.5;
		padding: 0 5px;
	}
	
	
	
	
} /* max-width: 767px */




@media screen and (max-width: 374px) {
	
	
	
	
} /* max-width: 374px */