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

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

	common css

------------------------------------------------------*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { width: 100%; overflow: scroll; font-size: 10px; }
body { position: relative; overflow: hidden; font-size: 1.6rem; font-family: /*"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", " 游ゴシック Medium",*/ 游ゴシック体, "Yu Gothic Medium", YuGothic,メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #514943; line-height: 1.5; background-color: #fff; /*overflow: hidden; */ }
.container { width: 100%; margin-left: auto; margin-right: auto; position: relative;}
ul { list-style: none; }
ol { list-style: decimal; }
img { vertical-align: bottom; width: auto; max-width: 100%; height: auto; }
a { color: #008fc2; }
a.fade:hover { text-decoration: none; background-color: #fff; color: #333; -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); }

.pc { display:block; }
.sp { display:none; }

main { display: block; }
 
.wrap { overflow: hidden; }

@media (min-width: 768px) {
	body{ min-width: 1100px; }
	.container { max-width: 1100px; }

	a:hover { text-decoration: underline; }
	a img { -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); }
	a img:hover { opacity: 0.8; }

	.flexbox { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
}

@media (max-width: 767px) {
	.container { margin-left: 15px; margin-right: 15px; width: auto; }
	.pc { display: none; }
	.sp { display: block; }
}


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

	header

------------------------------------------------------*/
#header { width: 100%; }
#header .header-nav { background: linear-gradient(to bottom, transparent 28%,#fff000 30%); }
#header .header-nav ul { max-width: 424px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }


@media (min-width: 768px) {
	#header { position: absolute; top: 446px; z-index: 1; }
	#header .header-nav { padding-bottom: 7px; }
	#header .header-nav ul li { max-width: 74px; }

}

@media (max-width: 767px) {
	#header { position: fixed; bottom: 0; z-index: 100; }
	#header .header-nav { padding: 0 15px 4px; }
	#header .header-nav ul li { max-width: 67px; }

}

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

	mainVisual

------------------------------------------------------*/
.mainVisual { position: relative; }
.mainVisual .h1-wrap { position: absolute; top: -15px; left: 0; right: 0; z-index: 1; }
.mainVisual .mainVisual-slider { }
/* .mainVisual .slick-slide img { width: 100%; } */


@media (min-width: 768px) {
	.mainVisual { margin-bottom: 55px; }
	.mainVisual .h1-wrap h1 { max-width: 311px; }
	/* .mainVisual .slick-initialized .slick-slide { max-height: 470px; } */
	.mainVisual .slick-initialized .slick-slide > div { height: 472px; }
}

@media (max-width: 767px) {
	.mainVisual {}
	.mainVisual .h1-wrap h1 { max-width: 194px; }
	/* .mainVisual .slick-initialized .slick-slide { max-height: 397px; } */
	.mainVisual .slick-initialized .slick-slide > div { height: 395px; }

}

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

	catchcopy

------------------------------------------------------*/
.catchcopy p { margin: 0 auto; position: relative; }
.catchcopy p::before { content: ''; position: absolute; width: 73px; height: 84px; background: url(../images/img_flower1.png) no-repeat center / 100%; }


@media (min-width: 768px) {
	.catchcopy { padding: 25px 0; background: url(../images/bg_catchcopy.jpg) no-repeat center / cover; }
	.catchcopy p { max-width: 426px; }
	.catchcopy p::before { bottom: 0; right: -110px; }

}

@media (max-width: 767px) {
	.catchcopy { position: relative; padding: 14.6% 0; margin-top: -9.6%; /* background: url(../images/bg_catchcopy_sp.png) no-repeat center / 100%; */ }
	.catchcopy::before { content: ''; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; background: url(../images/bg_catchcopy_sp.png) no-repeat center top / 100%; width: 100%; height: 50%; }
	.catchcopy::after { content: ''; position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; background: url(../images/bg_catchcopy_sp.png) no-repeat center bottom / 100%; width: 100%; height: 50%; z-index: 0; }
	.catchcopy p { background: url(../images/bg_catchcopy_sp.png) no-repeat center / 100%; z-index: 1; padding-bottom: 30px; }
	.catchcopy p::before { top: -95px; right: 8%; }
	.catchcopy img { /* max-width: 290px; */ width: 77.3%; margin: 0 auto; display: block; }

}

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

	shizen

------------------------------------------------------*/
#shizen { background: #FBF0D8; margin-bottom: 0;}
#shizen .h2-wrap p { position: relative; }
#shizen .h2-wrap p::before { content: ''; position: absolute; background: url(../images/img_flower2.png) no-repeat center / 100%; width: 78px; height: 178px; }
#shizen .shizen-calendar .caption { color: #008fc2; }
#shizen .shizen-calendar h3 { position: relative; background-color: #FBF0D8; background-image: linear-gradient(0deg, #d26823 10%, transparent 10%); background-size: 7px 7px; }
#shizen .shizen-calendar .syokubutu { }
#shizen .shizen-calendar .syokubutu > .img { max-width: 448px; margin-bottom: 58px; }
#shizen .shizen-calendar .syokubutu h3 span { position: relative; }
#shizen .shizen-calendar .syokubutu h3 span::before { content: ''; position: absolute; top: -44px; right: -145px; background: url(../images/img_flower3.png) no-repeat center / 100%; width: 76px; height: 71px; }
#shizen .shizen-calendar .syokubutu h3 img { max-width: 105px; }
#shizen .shizen-calendar .syokubutu .calendar { position: relative; }
#shizen .shizen-calendar .syokubutu .calendar .img { max-width: 336px; margin: 0 auto; position: relative; }
#shizen .shizen-calendar .syokubutu .caption { color: #008fc2; background: url(../images/img_fujidasi_green.png) no-repeat center / 100%; position: relative; position: absolute; }
#shizen .shizen-calendar .syokubutu .caption::before { content: ''; position: absolute; bottom: -5px; right: -18px; background: url(../images/img_flower4.png) no-repeat center / 100%; width: 53px; height: 51px; }
#shizen .shizen-calendar .yatyo { position: relative; }
#shizen .shizen-calendar .yatyo h3 span { position: relative; }
#shizen .shizen-calendar .yatyo h3 span::before { content: ''; position: absolute; top: -57px; left: -135px; width: 106px; height: 106px; background: url(../images/img_shizen_yatyo1.png) no-repeat center / 100%; }
#shizen .shizen-calendar .yatyo h3 img { max-width: 164px; }
#shizen .shizen-calendar .yatyo .calendar { max-width: 348px; margin-bottom: 15px; position: relative; }
#shizen .shizen-calendar .yatyo .calendar::before { content: ''; position: absolute; }
#shizen .shizen-calendar .yatyo .caption { margin-top: 15px; max-width: 216px; margin-left: 15px; }
#shizen .hatushima-map { background: #fff; }
#shizen .hatushima-map p { font-size: 1.5rem; }
#shizen .hatushima-map div.container { position: relative; max-width: 780px; }
#shizen .hatushima-map div.container a { position: absolute; right: 0; top: 50%; margin-top: -98px; display: block; max-width: 278px; }


@media (min-width: 768px) {
	#shizen { padding: 60px 0 110px; }
	#shizen .h2-wrap { margin-bottom: 60px; }
	#shizen .h2-wrap > div.container { padding: 0 50px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	#shizen .h2-wrap h2 { max-width: 183px; }
	#shizen .h2-wrap p { font-size: 1.3rem; width: calc((100% - 183px) - 40px); }
	#shizen .h2-wrap p::before { top: -60px; right: 20px; }
	#shizen .shizen-calendar { padding: 0 128px 0 75px; margin-bottom: 170px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#shizen .shizen-calendar h3 { width: calc(100% + 200%); position: absolute; }
	#shizen .shizen-calendar .caption { font-size: 1.2rem; }
	#shizen .shizen-calendar .syokubutu h3 { text-align: right; top: 0; right: 0; padding: 18px 216px 18px 0; }
	#shizen .shizen-calendar .syokubutu .calendar { padding-top: 45px; }
	#shizen .shizen-calendar .syokubutu .caption { width: 347px; height: 112px; padding: 33px 29px 0 20px; bottom: -45px; left: -34px; }
	#shizen .shizen-calendar .yatyo { padding-top: 160px; }
	#shizen .shizen-calendar .yatyo h3 { padding: 7px 0 7px 253px; top: 65px; left: -101px; }
	#shizen .shizen-calendar .yatyo h3::before { left: 120px; }
	#shizen .shizen-calendar .yatyo .calendar::before { bottom: -29px; right: -119px; width: 236px; height: 122px; background: url(../images/img_shizen_yatyo2.png) no-repeat center / 100%; }
	#shizen .hatushima-map p { text-align: right; padding-right: 310px; }
	#shizen .hatushima-map div.container { padding: 29px 0; }
	#shizen .hatushima-map div.container a { }
}

@media (max-width: 767px) {
	#shizen { padding: 0 0 125px; margin-top: -7%; }
	#shizen .h2-wrap { margin: 0 0 15px; }
	#shizen .h2-wrap > div.container { margin: 0 35px 0; padding: 52px 0 0; }
	#shizen .h2-wrap h2 { max-width: 155px; position: absolute; top: -40px; right: 0; }
	#shizen .h2-wrap p { font-size: 1.5rem; line-height: 1.67; padding-left: 95px; min-height: 100px; }
	#shizen .h2-wrap p::before { top: -80px; left: 0; }
	#shizen .shizen-calendar { margin-bottom: 80px; }
	#shizen .shizen-calendar h3 { width: 100vw; margin: 0 calc(50% - 50vw); text-align: center; }
	#shizen .shizen-calendar .caption { font-size: 1.5rem; }
	#shizen .shizen-calendar .syokubutu { margin-bottom: 110px; }
	#shizen .shizen-calendar .syokubutu h3 { padding: 18px 80px 18px 0; }
	#shizen .shizen-calendar .syokubutu .calendar { }
	#shizen .shizen-calendar .syokubutu .caption { width: 380px; height: 135px; padding: 29px 39px 0 45px; bottom: -65px; left: -40px; }
	#shizen .shizen-calendar .yatyo { }
	#shizen .shizen-calendar .yatyo h3 { padding: 7px 0 7px 110px; margin-bottom: 35px; }
	#shizen .shizen-calendar .yatyo h3::before { left: 26px; }
	#shizen .shizen-calendar .yatyo .calendar { margin: 0 auto; }
	#shizen .shizen-calendar .yatyo .calendar::before { bottom: 30px; right: -64px; width: 164px; height: 160px; background: url(../images/img_shizen_yatyo2_sp.png) no-repeat center / 100%; }
	#shizen .hatushima-map p { text-align: center; margin-top: 10px; }
	#shizen .hatushima-map div.container { padding: 40px 0; }
	#shizen .hatushima-map div.container a { left: 0; margin-left: auto; margin-right: auto; text-decoration: none; color: #514943; }
}

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

	zekkei

------------------------------------------------------*/
#zekkei { margin-bottom: 0; }
#zekkei .h2-wrap { background: url(../images/bg_zekkei_h2_title.jpg) no-repeat center / cover; }
#zekkei .h2-wrap h2 { margin: 0 auto; border-bottom: 1px solid #fff; }
#zekkei .h2-wrap p { color: #514943; font-size: 1.4rem; }
#zekkei ul li p { position: relative; text-align: right; color: #514943; }
#zekkei ul li p::before { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; background: #008FC2; z-index: -1; }
#zekkei ul li p span { background: #fff; width: 145px; display: inline-block; padding-right: 30px; position: relative; }
#zekkei ul li p span::before { content: '#'; }
#zekkei .btn-insta-link { display: block; text-align: center; background: url(../images/bg_insta_link.png) repeat rgba(216, 185, 116, 0.12) center; }


@media (min-width: 768px) {
	#zekkei .h2-wrap { padding: 40px 0 30px; margin-bottom: 50px; }
	#zekkei .h2-wrap h2 { max-width: 299px; padding-bottom: 15px; margin-bottom: 15px; }
	#zekkei .h2-wrap p { text-align: center; }
	#zekkei ul { margin-bottom: 25px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#zekkei ul li { max-width: 342px;  margin-bottom: 20px; }
	#zekkei ul li p { font-size: 1.3rem; padding: 4px 0; }
	#zekkei .btn-insta-link { padding: 15px 0; background-size: 19px; }
	#zekkei .btn-insta-link img { max-width: 192px; }

}

@media (max-width: 767px) {
	#zekkei div.container { margin: 0 0; }
	#zekkei .h2-wrap { padding: 25px 30px 25px; }
	#zekkei .h2-wrap h2 { max-width: 220px; padding-bottom: 12px; margin-bottom: 12px; }
	#zekkei .h2-wrap p { }
	#zekkei ul li { max-width: 100%; }
	#zekkei ul li p { font-size: 1.5rem; padding: 6px 0; }
	#zekkei .btn-insta-link { padding: 19px 0; background-size: 15px; }
	#zekkei .btn-insta-link img { max-width: 154px; }

}

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

	gurume

------------------------------------------------------*/
#gurume { margin-bottom: 70px; }
#gurume .gurume-title { margin-bottom: 85px; }
#gurume .gurume-title .h2-wrap h2 { padding-left: 160px; max-width: 330px; }
#gurume .gurume-title .h2-wrap h2::before { content: ''; position: absolute; left: 0; top: -15px; background: url(../images/img_sakana.png) no-repeat center / 100%; width: 130px; height: 103px; }
#gurume .gurume-title .h2-wrap p { text-align: center; }
#gurume .gutume-list ul { position: relative; }
/* #gurume .gutume-list ul li::before { content: ''; position: absolute; z-index: -1; } */
#gurume .gutume-list ul li:nth-of-type(1) .img::before { width: 314px; height: 352px; background: repeating-linear-gradient(135deg, rgba(227, 187, 52, 0.12), rgba(227, 187, 52, 0.12) 10px, #fff 10px, #fff 20px); }
#gurume .gutume-list ul li:nth-of-type(2) .img::before { width: 315px; height: 392px; background-color: #fff; background-image: radial-gradient(rgba(132, 191, 188, 0.2) 20%, transparent 20%), radial-gradient(rgba(132, 191, 188, 0.2) 20%, transparent 20%); background-size: 24px 24px; background-position: 0 0, 12px 12px; }
#gurume .gutume-list ul li:nth-of-type(3) .img::before { width: 314px; height: 360px; background: repeating-linear-gradient(135deg, rgba(227, 187, 52, 0.12), rgba(227, 187, 52, 0.12) 10px, #fff 10px, #fff 20px); }
#gurume .gutume-list ul li .img { max-width: 221px; margin: 0 auto 25px; position: relative; }
#gurume .gutume-list ul li .img::before { content: ''; position: absolute; z-index: -1; }
#gurume .gutume-list ul li .img::after { content: ''; position: absolute; top: -38px; left: -60px; width: 136px; height: 53px;  }
#gurume .gutume-list ul li:nth-of-type(1) .img::after { background: url(../images/icon_gurume_list1.png) no-repeat center / 100%;}
#gurume .gutume-list ul li:nth-of-type(2) .img::after { background: url(../images/icon_gurume_list2.png) no-repeat center / 100%;}
#gurume .gutume-list ul li:nth-of-type(3) .img::after { background: url(../images/icon_gurume_list3.png) no-repeat center / 100%;}

@media (min-width: 768px) {
	#gurume .gurume-title { background: rgba(227, 187, 52, 0.23); }
	#gurume .gurume-title > div.container { padding: 0 200px 0 40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	#gurume .gurume-title .img { max-width: 420px; }
	#gurume .gurume-title .h2-wrap { width: calc((100% - 420px) - 110px); }
	#gurume .gurume-title .h2-wrap h2 { margin: 30px 0 36px 0; position: relative; }
	#gurume .gurume-title .h2-wrap p { font-size: 1.3rem; line-height: 1.54; }
	#gurume .gutume-list { padding: 0 75px; }
	#gurume .gutume-list ul { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#gurume .gutume-list ul li { max-width: 221px; }
	#gurume .gutume-list ul li:nth-of-type(1) .img::before { top: -37px; left: -205px; }
	#gurume .gutume-list ul li:nth-of-type(2) .img::before { top: -35px; left: -39px; }
	#gurume .gutume-list ul li:nth-of-type(3) .img::before { top: -27px; right: -176px; }
	#gurume .gutume-list ul li p { font-size: 1.2rem; line-height: 1.75; }
}

@media (max-width: 767px) {
	#gurume .gurume-title { margin-bottom: 40px; }
	#gurume .gurume-title > div.container { margin: 0; }
	#gurume .gurume-title .img {}
	#gurume .gurume-title .h2-wrap { padding: 60px 0 15px; position: relative; }
	#gurume .gurume-title .h2-wrap h2 { position: absolute; top: -40px; left: 0; right: 0; margin: 0 auto; }
	#gurume .gurume-title .h2-wrap p { font-size: 1.5rem; }
	#gurume .gutume-list { margin: 0 30px; }
	#gurume .gutume-list ul {}
	#gurume .gutume-list ul li { margin: 0 auto 100px; }
	#gurume .gutume-list ul li:nth-of-type(1) .img::before { top: -37px; left: -200px; }
	#gurume .gutume-list ul li:nth-of-type(2) .img::before { top: -35px; left: 105px; }
	#gurume .gutume-list ul li:nth-of-type(3) .img::before { top: -27px; left: -203px; }
	#gurume .gutume-list ul li p { font-size: 1.5rem; }
}

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

	arukikata

------------------------------------------------------*/
#arukikata { margin-bottom: 0; }
#arukikata .arukikata-title > div.container { display:-webkit-box; display:-ms-flexbox; display:flex; }
#arukikata .arukikata-title .h2-wrap h2 { position: relative; max-width: 323px; }
#arukikata .arukikata-title .h2-wrap h2::before { content: ''; position: absolute; }
#arukikata .arukikata-title .h2-wrap p { text-align: center; }

#arukikata .other-spot .box { max-width: 428px; border: 2px solid #008fc2; border-radius: 13px; background: #fff; position: relative; }
#arukikata .other-spot .box::before { content: ''; position: absolute; background: url(../images/icon_check_fukidasi.png) no-repeat center / 100%; }
#arukikata .other-spot .box h3 { border-bottom: 2px solid #008fc2; text-align: center; color: #008fc2; letter-spacing: 0.1em; }
#arukikata .other-spot .box h3 span { padding-left: 70px; position: relative; }
#arukikata .other-spot .box h3 span::before { content: '＼'; font-weight: normal; }
#arukikata .other-spot .box h3 span::after { content: '／'; font-weight: normal; }
#arukikata .other-spot .box p { margin-bottom: 10px; }
#arukikata .other-spot .box .img-wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#arukikata .other-spot .box .img-wrap .img { max-width: 194px; }

#arukikata .schedule { position: relative; }
#arukikata .schedule div.container { height: 100%; }
#arukikata .schedule div.container .inner { height: 100%; position: relative; }
#arukikata .schedule div.container .inner > div p { max-width: 278px; line-height: 1.4; }
#arukikata .schedule div.container .inner > div p.time { color: #008fc2; font-weight: bold; font-size: 1.7rem; margin-right: 45px; }
#arukikata .schedule div.container .inner > div p a { text-decoration: none; }
#arukikata .schedule div.container .inner > div p a:hover { text-decoration: underline; }
#arukikata .schedule div.container .inner > div:nth-of-type(1) p { font-size: 1.5rem; }
#arukikata .schedule div.container .inner > div::before { background: url(../images/icon_people.png) no-repeat center / 100%; width: 23px; height: 35px; position: absolute; }



@media (min-width: 768px) {
	#arukikata .arukikata-title { background: rgba(227, 187, 52, 0.23); }
	#arukikata .arukikata-title > div.container { padding: 0 10px 0 90px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	#arukikata .arukikata-title .img { max-width: 375px; }
	#arukikata .arukikata-title .h2-wrap { width: calc((100% - 375px) - 295px); }
	#arukikata .arukikata-title .h2-wrap h2 { margin: 3px 0 32px 0; padding-left: 153px; }
	#arukikata .arukikata-title .h2-wrap h2::before { left: 0; top: 3px; background: url(../images/img_flower5.png) no-repeat center / 100%; width: 113px; height: 69px; }
	#arukikata .arukikata-title .h2-wrap p { font-size: 1.3rem; line-height: 1.54; }

	#arukikata .other-spot { margin-bottom: 55px; background: rgba(227, 187, 52, 0.23); }
	#arukikata .other-spot > div.container { padding: 55px 75px 25px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#arukikata .other-spot .box::before { top: -22px; left: 20px; width: 76px; height: 55px; }
	#arukikata .other-spot .box h3 { font-size: 2.0rem; padding: 11px 0; }
	#arukikata .other-spot .box p { font-size: 1.3rem; }
	#arukikata .other-spot .box:last-of-type p { margin-bottom: 30px; }
	#arukikata .other-spot .box .body { padding: 15px 15px 27px 15px; }
	
	#arukikata .schedule { height: 1155px; background: url(../images/bg_arukikata.jpg) no-repeat center / cover; }
	#arukikata .schedule div.container { padding: 53px 60px 71px 43px; }
	#arukikata .schedule div.container .inner { background: url(../images/img_arukikata.png) no-repeat top center / 995px auto; }
	#arukikata .schedule div.container .inner > div { position: absolute; }
	#arukikata .schedule div.container .inner > div:nth-of-type(1) { top: 88px; left: 61px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(1)::before { content: ''; bottom: -42px; left: 120px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(2) { top: 166px; left: 248px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(3) { top: 221px; left: 357px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(4) { top: 330px; left: 490px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(4)::before { content: ''; bottom: -30px; left: 68px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(5) { top: 457px; left: 179px; max-width: 265px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(5) p:not(.time) { padding-right: 30px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(5) .time { text-align: right; margin-right: 0; }
	#arukikata .schedule div.container .inner > div:nth-of-type(6) { top: 550px; left: 509px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(7) { top: 660px; left: 426px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(7)::before { content: ''; top: 17px; left: -150px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(8) { top: 770px; left: 327px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(9) { top: 822px; left: 20px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(10) { top: 928px; left: 95px; }
	#arukikata .schedule div.container .inner > div.flex { display:-webkit-box; display:-ms-flexbox; display:flex; }
	#arukikata .schedule div.container .inner > div p { font-size: 1.3rem; }
	#arukikata .schedule div.container .inner > div p.time { margin-bottom: 15px; }

}

@media (max-width: 767px) {
	#arukikata .arukikata-title {}
	#arukikata .arukikata-title > div.container {  margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
	#arukikata .arukikata-title .img { }
	#arukikata .arukikata-title .h2-wrap { padding: 62px 0 0; position: relative; }
	#arukikata .arukikata-title .h2-wrap h2 { padding-left: 160px; position: absolute; top: -37px; left: 0; right: 0; margin: 0 auto; }
	#arukikata .arukikata-title .h2-wrap h2::before { left: 0; top: -22px; background: url(../images/img_flower6.png) no-repeat center / 100%; width: 116px; height: 100px; }
	#arukikata .arukikata-title .h2-wrap p { font-size: 1.5rem; line-height: 1.54; }

	#arukikata .other-spot { margin-top: -22px; }
	#arukikata .other-spot > div.container { margin-left: 12px; margin-right: 12px; }
	#arukikata .other-spot .box { margin: 0 auto 20px; }
	#arukikata .other-spot .box::before { top: -16px; left: 16px; width: 65px; height: 47px; }
	#arukikata .other-spot .box h3 { font-size: 1.7rem; padding: 9px 0; }
	#arukikata .other-spot .box p { font-size: 1.6rem; }
	#arukikata .other-spot .box .img-wrap .img:first-of-type { margin-right: 7px; }
	#arukikata .other-spot .box .body { padding: 10px; }
	
	#arukikata .schedule { background: url(../images/bg_arukikata_sp.jpg) no-repeat top center / 100% 100%; } 
	#arukikata .schedule div.container { padding: 43px 0 0; }
	#arukikata .schedule div.container .inner { background: url(../images/img_arukikata_sp.png) no-repeat top center / 346px auto; max-width: 346px; margin: 0 auto; padding: 87px 0 70px 53px; }
	#arukikata .schedule div.container .inner > div { position: relative; }
	#arukikata .schedule div.container .inner > div:nth-of-type(1) { margin-bottom: 58px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(2) { margin-bottom: 25px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(3) { margin-bottom: 82px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(4) { margin-bottom: 62px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(5) { margin-bottom: 106px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(6) { margin-bottom: 15px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(7) { margin-bottom: 113px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(8) { margin-bottom: 10px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(9) { margin-bottom: 13px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(10) { margin-bottom: 0; }
	#arukikata .schedule div.container .inner > div p { font-size: 1.5rem; }
	#arukikata .schedule div.container .inner > div p.time { margin-bottom: 10px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(1)::before { content: ''; bottom: -45px; left: 33px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(4)::before { content: ''; bottom: -45px; left: 33px; }
	#arukikata .schedule div.container .inner > div:nth-of-type(7)::before { content: ''; bottom: -100px; left: 33px; }


}

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

	other

------------------------------------------------------*/
#other { }
#other .hatushima-map { text-align: center; }
#other .hatushima-map p { color: #008fc2; }
#other .hatushima-map a { color: #008fc2; display: block; margin: 0 auto; text-decoration: none; }
#other .hatushima-map a.img + a { margin: 30px auto 40px; }
#other .hatushima-map a.img + a:hover { text-decoration: underline; }


@media (min-width: 768px) {
	#other .hatushima-map { padding: 0 0; }
	#other .hatushima-map p { font-size: 2.4rem; font-weight: bold; margin-bottom: 50px; }
	#other .hatushima-map a { max-width: 680px; }
}

@media (max-width: 767px) {
	#other .hatushima-map { padding: 20px 0 3px; background: rgba(227, 187, 52, 0.23); }
	#other .hatushima-map p { font-size: 1.5rem; margin-bottom: 17px; }
	#other .hatushima-map a { max-width: 281px; }
}

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

	footer

------------------------------------------------------*/
#footer { text-align: center; background: url(../images/bg_footer.jpg) no-repeat center / cover; }
#footer > div.container { position: relative; }
#footer p:not(.copy) { letter-spacing: 0.2em; color: #6e6358; position: relative; }
#footer .copy { font-size: 10px; }


@media (min-width: 768px) {
	#footer { padding: 45px 0 36px; }
	#footer p:not(.copy) { margin-bottom: 20px; }
	#footer p:not(.copy)::before { top: -15px; left: 210px; width: 65px; height: 78px; /* margin-top: -40px; */ }
	#footer p:not(.copy) span.belong { margin-right: 42px; }
	#footer .copy { color: #000; }
	
}

@media (max-width: 767px) {
	#footer { padding: 20px 0 90px; }
	#footer p:not(.copy) { margin: 0 auto 15px; padding-left: 50px; max-width: 280px; }
	#footer p:not(.copy)::before { top: 0; left: 10px; width: 36px; height: 43px; }
	#footer .copy { color: #fff; }
	
}

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

    pageTop

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

@media (min-width: 768px) {
	#page-top { position: fixed; top: 320px; right: 0; z-index: 999; max-width: 71px; }
}

@media (max-width: 767px) {
	#page-top { display: none; }
}