@charset "UTF-8";
/*----------------------------------------

	index CSS

	- common
	- fixbtn
	- tour
	- info
	- other

-----------------------------------------*/

/*----------------------------------------
	common
-----------------------------------------*/
#header .h_box01 #lang {
	--lang-color: #fff;
}
#headtitle.tit_bg .headtitle_bg {
	background-image: url(../img/i_titbg01s.jpg);
	color: #fff;
}
#headtitle.tit_bg .headtitle_bg:lang(ja) {
	background-image: url(../img/i_titbg02s.jpg);
}
#headtitle .headtitle_inner>h1 {
	letter-spacing: 0.6rem;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#headtitle.tit_bg .headtitle_bg {
		background-image: url(../img/i_titbg01.jpg);
	}
	#headtitle.tit_bg .headtitle_bg:lang(ja) {
		background-image: url(../img/i_titbg02.jpg);
	}
	#headtitle .headtitle_inner>h1 {
		letter-spacing: 0.8rem;
	}
}

/*----------------------------------------
	fixbtn
-----------------------------------------*/
#fixbtn>ul>li>a>span:before {
	margin: 0 6px 0 0;
	padding: 10px 0 10px 50px;
	background: url(/asset/img/cmn/c_fixbtn_i05.png) 0 center no-repeat;
	background-size: 50px auto;
}
/* form2 */
#contents #fixbtn.fixbtn_form2 ul li.form2:nth-child(2) a span {
	font-size: 1.0rem;
}
#contents #fixbtn.fixbtn_form2 ul li.form2:nth-child(2) a span:before {
	background: url(/asset/img/cmn/c_fixbtn_i04.png) 0 center no-repeat;
	background-size: 50px auto;
}

/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#fixbtn>ul>li>a>span:before {
		margin: 0 15px 0 0;
		padding: 14px 0 14px 74px;
		background-size: 74px auto;
	}
	/* form2 */
	#fixbtn.fixbtn_form2 {
		width: 500px;
	}
	#contents #fixbtn.fixbtn_form2 ul li.form2:nth-child(2) a span {
		padding-left: 50px;
		font-size: 1.6rem;
	}
	#contents #fixbtn.fixbtn_form2 ul li.form2:nth-child(1) a span:before {
		margin-left: -30px;
	}
	#contents #fixbtn.fixbtn_form2 ul li.form2:nth-child(2) a span:before {
		margin-left: -10px;
	}
}

/*----------------------------------------
	fixbtn - animation
-----------------------------------------*/
#contents #fixbtn>ul>li>a>span {
	padding-left: 0%;
	padding-bottom: 15px;
}
#contents #fixbtn>ul>li>a>span:before {
	margin: 0 5px -15px 0;
	padding: 20px 0 20px 50px;
	display: inline-block;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#contents #fixbtn>ul>li>a>span {
		padding-left: 89px;
		padding-bottom: 10px;
	}
	#contents #fixbtn>ul>li>a>span:before {
		display: block;
		margin: 0 0 -29px -17px;
		padding: 20px 0 20px 0px;
	}
}

#fixbtn>ul>li>a>span:before {
	-webkit-animation: icon_jump 4s ease both infinite;
	animation: icon_jump 4s ease both infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
#fixbtn>ul>li>a:hover span:before {
	-webkit-animation: icon_jump_hover 2.4s ease both infinite;
	animation: icon_jump_hover 2.4s ease both infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

@-webkit-keyframes icon_jump {
	from {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 40% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 45% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-4px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 49% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 53% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-1px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 57% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 
}

@keyframes icon_jump {
	from {
		animation-timing-function: ease-in;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		animation-timing-function: ease-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 40% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 45% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-4px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 49% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 53% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-1px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 57% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 
}

@-webkit-keyframes icon_jump_hover {
	from {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 9% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 12% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 20% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-7px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 28% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 33% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-4px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 38% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 42% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 45% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 53% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-7px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 60% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 65% {
		-webkit-animation-timing-function: ease-in-out;
		-webkit-transform: translate(0px,-4px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 70% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 
}

@keyframes icon_jump_hover {
	from {
		animation-timing-function: ease-in;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		animation-timing-function: ease-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 9% {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 12% {
		animation-timing-function: ease-out;
		transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 20% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-7px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 28% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 33% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-4px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 38% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 42% {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1;
	} 45% {
		animation-timing-function: ease-out;
		transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 53% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-7px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 60% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-6px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 65% {
		animation-timing-function: ease-in-out;
		transform: translate(0px,-4px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 70% {
		animation-timing-function: ease-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 
}


/*----------------------------------------
	tour
-----------------------------------------*/
#tour {
	overflow: hidden;
	margin: 8px auto 28px;
	padding: 40px 0 0;
}
#tour h2 {
	margin: 0 0 18px;
	line-height: 1.6;
	letter-spacing: 0.6rem;
}
#tour>[class^="inner"] {
	max-width: 1200px;
}
#tour>[class^="inner"]>.slide {
	margin: 0 0 26px;
}
#tour .slide .slick-arrow {
	top: 50%;
	margin-top: -15px;
}
#tour>[class^="inner"]>p {
	line-height: 1.65;
}
#tour>[class^="inner"]>p+p {
	margin-top: 1.6em;
}
#tour>[class^="inner"]>p.t01 {
	margin-top: 64px;
}
#tour>[class^="box"] {
	margin-top: 70px;
}
#tour>[class^="box"]>.box01_01 {
	margin-bottom: 20px;
}
#tour>[class^="box"]>.box01_02 h3 {
	margin-bottom: 16px;
	letter-spacing: 0.4rem;
}
#tour>[class^="box"]>.box01_02 h3+p {
	line-height: 1.65;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#tour {
		max-width: 1400px;
		margin: 44px auto 46px;
		padding: 50px 0 0;
	}
	#tour h2 {
		letter-spacing: 0.8rem;
	}
	#tour>[class^="inner"]>.slide {
		margin: 0 0 38px;
	}
	#tour>[class^="inner"]>.slide {
		margin: 0 0 34px;
	}
	#tour .slide .slick-arrow {
		margin-top: -22px;
	}
	#tour>[class^="inner"]>p {
		line-height: 1.9;
	}
	#tour>[class^="inner"]>p+p {
		margin-top: 1.8em;
	}
	#tour>[class^="inner"]>p.t01 {
		margin-top: 114px;
	}
	#tour>[class^="box"] {
		position: relative;
		width: 100%;
		margin-top: 122px;
		padding-bottom: 8px;
	}
	#tour>[class^="box"]>.box01_01 {
		width: 65%;
		margin: 0;
	}
	#tour>[class^="box"].lr>.box01_01 {
		margin: 0 0 0 auto;
	}
	#tour>[class^="box"]>.box01_01>h2 {
		top: -24px;
		font-size: 9.0rem;
	}
	#tour>[class^="box"]>.box01_01>h2>span {
		font-size: 3.6rem;
	}
	#tour>[class^="box"]>.box01_01 .slick-slide>span {
		bottom: -2.2em;
	}
	#tour>[class^="box"]>.box01_02 {
		position: absolute;
		top: 0;
		width: 100%;
		padding: 86px 0 0;
	}
	#tour>[class^="box"]>.box01_02>div {
		max-width: 1340px;
		margin: 0 auto;
		line-height: 1.8;
	}
	#tour>[class^="box"]>.box01_02>div>div {
		width: 295px;
		margin: 0 0 0 auto;
		padding: 0 0 0 50px;
	}
	#tour>[class^="box"].lr>.box01_02>div>div {
		margin: 0 auto 0 0;
		padding: 0 40px 0 0;
	}
	#tour>[class^="box"]>.box01_02 h3 {
		margin: 0 0 20px;
	}
}
/* pc  960 - # */
@media print, screen and (min-width:960px) {
	#tour>[class^="box"]>.box01_02>div>div {
		width: calc(100vw * 0.35 - 40px);
	}
}
/* pc  1180 - # */
@media print, screen and (min-width:1260px) {
	#tour>[class^="box"]>.box01_02>div>div {
		width: calc(35vw - ((100vw - 100%) / 2));
	}
}
/* pc  1400 - # */
@media print, screen and (min-width:1400px) {
	#tour>[class^="box"]>.box01_02>div>div {
		width: 420px;
	}
}

/*----------------------------------------
	info
-----------------------------------------*/
#s_info .box01 {
	padding: 18px 0 14px;
	text-align: center;
}
#s_info .box01>dl {
	display: inline-table;
	margin: 0 auto;
	padding: 14px 12px;
}
#s_info .box01>dl>dt,
#s_info .box01>dl>dd {
	display: table-cell;
	vertical-align: top;
}
#s_info .box01>dl>dd {
	padding-left: 1em;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#s_info {
		max-width: 1200px;
	}
	#s_info .box01 {
		padding: 32px 0 48px;
		border-bottom: 1px solid #ebebeb;
	}
	#s_info .box01>dl {
		margin-top: 24px;
		padding: 0 64px;
	}
	#s_info .box01>p {
		padding-top: 20px;
	}

}

/*----------------------------------------
	other
-----------------------------------------*/
#s_info .inner_pc>.c_btn01 {
	width: 80%;
	margin-top: 50px;
	margin-bottom: 60px;
}
#s_info .inner_pc:last-child h2 {
	margin: 20px 5.6% 0;
}
#s_info .inner_pc:last-child h2:first-child {
	margin: 20px 0 0;
}
#s_info .inner_pc:last-child .box02 {
	margin: 15px 5.6% 0;
	padding-bottom: 30px;
}
#s_info .inner_pc:last-child .box02 .read p {
	margin: 15px 0 0;
	line-height: 1.8;
}
#s_info .inner_pc:last-child .box02 .read h3+p {
	margin: 5px 0 0;
}
#s_info .inner_pc:last-child .box02 div+.pic {
	margin-top: 10px;
}
#s_info .inner_pc:last-child .box02 .clm2 p {
	display: inline-block;
	width: 48%;
	margin-bottom: 2%;
}
#s_info .inner_pc:last-child .box02 .clm2 p:nth-child(2n) {
	margin-left: 4%;
}
#s_info .inner_pc:last-child .box02 ul li {
	line-height: 1.9;
}
#s_info .inner_pc:last-child .tableBox {
	padding: 15px 0 30px;
}

/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#s_info .inner_pc>.c_btn01 {
		width: 100%;
	}
	/*#s_info .inner_pc:last-child .tableBox dl:first-child {
		border-top: 1px solid #ebebeb;
	}*/
	#s_info .inner_pc:last-child h2 {
		margin: 20px 0 0;
	}
	#s_info .inner_pc:last-child .box02.clearfix .pic {
		float: left;
		width: 60%;
	}
	#s_info .inner_pc:last-child .box02.clearfix .read {
		float: right;
		width: 38%;
	}
	#s_info .inner_pc:last-child .box02 {
		margin: 15px 0 0;
		padding-bottom: 30px;
	}
	#s_info .inner_pc:last-child .title04+.box02 {
		padding-bottom: 15px;
		border-bottom: 1px solid #ebebeb;
	}
}




/*----------------------------------------
	arttour
-----------------------------------------*/
#arttour {
	overflow: hidden;
	margin: 8px auto 28px;
	padding: 40px 0 0;
}
#arttour h2 {
	margin: 0 0 18px;
	line-height: 1.6;
	letter-spacing: 0.6rem;
}
#arttour>[class^="inner"] {
	max-width: 1200px;
}
#arttour>[class^="inner"]>.slide {
	margin: 0 0 26px;
}
#arttour .slide .slick-arrow {
	top: 50%;
	margin-top: -15px;
}
#arttour>[class^="inner"]>p {
	line-height: 1.65;
}
#arttour .c_btn01 {
	margin-top: 30px;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#arttour {
		max-width: 1400px;
		margin: 44px auto 46px;
		padding: 50px 0 0;
	}
	#arttour h2 {
		letter-spacing: 0.8rem;
	}
	#arttour>[class^="inner"]>.slide {
		margin: 0 0 38px;
	}
	#arttour .slide .slick-arrow {
		margin-top: -22px;
	}
	#arttour>[class^="inner"]>p {
		line-height: 1.9;
	}
	#arttour>[class^="inner"]>p+p {
		margin-top: 1.8em;
	}
}


/*----------------------------------------
	guidetour
-----------------------------------------*/
#guidetour {
	overflow: hidden;
	margin: 0 auto;
}
#guidetour h2 {
	margin: 0 0 18px;
	line-height: 1.6;
	letter-spacing: 0.6rem;
}
#guidetour [class^="inner"] {
	max-width: 1200px;
}
#guidetour .tour-txtBox_2 {
	margin: 0 0 -30px;
}
#guidetour>[class^="inner"]>p {
	line-height: 1.65;
}
#guidetour>[class^="inner"]>p+p {
	margin-top: 1.6em;
}
#guidetour>[class^="inner"]>p.t01 {
	margin-top: 64px;
}
#guidetour .slide .slick-arrow {
	top: 50%;
	margin-top: -15px;
}
#guidetour>[class^="box"] {
	margin-top: 70px;
}
#guidetour>[class^="box"]>.box01_01 {
	margin-bottom: 20px;
}
#guidetour>[class^="box"]>.box01_02 h3 {
	margin-bottom: 16px;
	letter-spacing: 0.4rem;
}
#guidetour>[class^="box"]>.box01_02 h3+p {
	line-height: 1.65;
}
#guidetour .box01 {
	margin-top: 30px;
}
#guidetour .box03 .tableBox {
	margin-top: 38px;
}
#guidetour .box04 h2 {
	margin-bottom: 34px;
}
#guidetour .box04 h3 {
	margin: 0 0 30px;
}
#guidetour .box04 h3 + p {
	line-height: 1.65;
}
/* pc  768 - # */
@media print, screen and (min-width:768px) {
	#guidetour {
		max-width: 1400px;
	}
	#guidetour h2 {
		letter-spacing: 0.8rem;
	}
	#guidetour .tour-txtBox_2 {
		margin: 0 0 -60px;
	}
	#guidetour>[class^="inner"]>p {
		line-height: 1.9;
	}
	#guidetour>[class^="inner"]>p+p {
		margin-top: 1.8em;
	}
	#guidetour>[class^="inner"]>p.t01 {
		margin-top: 114px;
	}
	#guidetour .slide .slick-arrow {
		margin-top: -22px;
	}
	#guidetour>[class^="box"] {
		position: relative;
		width: 100%;
		margin-top: 122px;
		padding-bottom: 8px;
	}
	#guidetour>[class^="box"]>.box01_01 {
		width: 65%;
		margin: 0;
	}
	#guidetour>[class^="box"].lr>.box01_01 {
		margin: 0 0 0 auto;
	}
	#guidetour>[class^="box"]>.box01_01>h2 {
		top: -24px;
		font-size: 9.0rem;
	}
	#guidetour>[class^="box"]>.box01_01>h2>span {
		font-size: 3.6rem;
	}
	#guidetour>[class^="box"]>.box01_01 .slick-slide>span {
		bottom: -2.2em;
	}
	#guidetour>[class^="box"]>.box01_02 {
		position: absolute;
		top: 0;
		width: 100%;
		padding: 86px 0 0;
	}
	#guidetour>[class^="box"]>.box01_02>div {
		max-width: 1340px;
		margin: 0 auto;
		line-height: 1.8;
	}
	#guidetour>[class^="box"]>.box01_02>div>div {
		width: 295px;
		margin: 0 0 0 auto;
		padding: 0 0 0 50px;
	}
	#guidetour>[class^="box"].lr>.box01_02>div>div {
		margin: 0 auto 0 0;
		padding: 0 40px 0 0;
	}
	#guidetour>[class^="box"]>.box01_02 h3 {
		margin: 0 0 20px;
	}
	#guidetour .box01 {
		margin-top: 50px;
	}
	#guidetour .box03 .tableBox {
		margin-top: 62px;
		border-top: 1px solid #ebebeb;
	}
	#guidetour .box04 h2 {
		margin-bottom: 54px;
	}
	#guidetour .box04 h3 + p {
		line-height: 1.9;
	}
}
/* pc  960 - # */
@media print, screen and (min-width:960px) {
	#guidetour>[class^="box"]>.box01_02>div>div {
		width: calc(100vw * 0.35 - 40px);
	}
}
/* pc  1180 - # */
@media print, screen and (min-width:1260px) {
	#guidetour>[class^="box"]>.box01_02>div>div {
		width: calc(35vw - ((100vw - 100%) / 2));
	}
}
/* pc  1400 - # */
@media print, screen and (min-width:1400px) {
	#guidetour>[class^="box"]>.box01_02>div>div {
		width: 420px;
	}
}