@charset 'utf-8';
/*
 * name:kazenotayori.css
 * author:sovanda nulo
*/

/* kazenotayori
------------------------------------------------ */

.pageHead:after { background: url(../../img/kazenotayori/banner.jpg) no-repeat center; background-size: cover; }

	@media screen and (max-width: 768px) {

		.pageHead:after { background: url(../../img/kazenotayori/banner_sp.jpg) no-repeat center; background-size: cover; }

	}

.about {  }
.about__block {  }
.about__block__lists__desc--note { font-size: 12px; font-size: 1.2rem; padding-left: 1.5em; line-height: 1.5; margin-top: 1.6667em; position: relative; }
.about__block__lists__desc--note:before { content: '※'; display: inline-block; position: absolute; left: 0; top: 0; }
.about__block__lists__desc--note a { word-wrap: break-word; }
.about__block__lists__desc--note a span {  }
.about__block__lists__desc--note a span:after { content: ''; display: inline-block; vertical-align: -3px; width: 14px; height: 14px; background: url(../../img/share/icon-links.png) no-repeat; background-size: 100%; margin-left: .5em; }

	.about__block__lists:nth-child(2n) { flex-direction: row-reverse; }
	.about__block__lists:nth-child(2n) .about__block__lists__desc { padding-left: 0; padding-right: 5%; }
	.about__block__lists:nth-child(2n) .about__block__lists__desc--break { margin-left: auto; }

	@media screen and (max-width: 768px) {

		.about__block__lists { flex-direction: column; }
		.about__block__lists--pic { width: calc( 100% + 25px ); margin-left: -25px; margin-bottom: 40px; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
		.about__block__lists--pic img { height: 470px; }

			.about__block__lists:nth-child(2n) { flex-direction: row-reverse; }
			.about__block__lists:nth-child(2n) .about__block__lists--pic { margin-left: 0; margin-right: -25px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
			.about__block__lists:nth-child(2n) .about__block__lists__desc { padding-left: 0; padding-right: 5%; }
			.about__block__lists:nth-child(2n) .about__block__lists__desc--break { margin-left: auto; }

	}

	@media screen and (max-width: 414px) {
		.about__block__lists--pic img { height: 225px; }
	}


/* === section insta === */
#insta { margin-bottom: 150px; }
.insta--title { font-family:"minion-pro-caption"; font-size: 20px; font-size: 2rem; letter-spacing: .3em; text-align: center; position: relative; margin-bottom: 60px; }
.insta--title:after { content: ''; display: block; width: 60px; height: 2px; margin: .6em auto 0; background: #59574E; }
.insta__desc { display: flex; flex-wrap: wrap; align-items: center; max-width: 820px; margin: 80px auto 0; }
.insta__desc dt { font-size: 16px; font-size: 1.6rem; line-height: 1.8; width: calc( 63.4% - 15px ); margin-right: 15px; }
.insta__desc dd { width: 36.6%; }
.insta__feeds { display: flex; flex-wrap: wrap; align-items: flex-start; }
.insta__feeds__lists { position: relative; width: 23.7%; padding-bottom: 23.7%; margin-right: 1.73333333333%; }
.insta__feeds__lists:nth-child(4n) { margin-right: 0; }
.insta__feeds__lists:nth-child(n+5) { margin-top: 1.73333333333%; }
.insta__feeds__lists a { display: block; overflow: hidden; color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 20px; border-radius: 20px; }
.insta__feeds__lists__desc { font-size: 14px; font-size: 1.4rem; display: block; position: absolute; width: 100%; height: 100%; padding: 1.07em 1.42em; background: rgba(0, 0, 0, .65); -webkit-box-sizing: border-box; box-sizing: border-box; transition: linear .2s; opacity: 0; }
.insta__feeds__lists__desc--title {  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.insta__feeds__lists__desc--date { position: absolute; left: 1.42em; bottom: 1.07em; }

	.insta__feeds__lists a:hover .insta__feeds__lists__desc { opacity: 1; }

	@media screen and (max-width: 768px) {

		#insta { margin-bottom: 80px; }
		.insta--title { font-size: 18px; font-size: 1.8rem; margin-bottom: 35px; }
		.insta--title:after { height: 1px; }
		.insta__desc { display: block; margin: 30px auto 0; }
		.insta__desc dt { font-size: 15px; font-size: 1.5rem; width: 100%; margin-right: 0; }
		.insta__desc dd { width: 100%; margin-top: 30px; }
		.insta__desc--btn { max-width: 325px; }
		.insta__feeds__lists {width: 48.4%; padding-bottom: 48.4%; margin-right: 3.2%; }
		.insta__feeds__lists:nth-child(2n) { margin-right: 0; }
		.insta__feeds__lists:nth-child(n+3) { margin-top: 3.2%; }
		.insta__feeds__lists__desc { display: none; }

	}

/* === section about-yaokai === */
#about-yaokai { padding: 0; margin-bottom: 150px; }

	@media screen and (max-width: 768px) {
		#about-yaokai { margin-bottom: 80px; }
	}

/* === section about-tour === */
#about-tour { padding: 140px 0; background: #F4F4F4; }
#about-tour .about__block__lists__desc--title { font-size: 30px; font-size: 3rem; font-weight: bold; line-height: 1.3; margin-bottom: 2em; }
#about-tour .about__block__lists__desc--subtitle { font-size: 24px; font-size: 2.4rem; line-height: 1.5; font-weight: 500; margin-bottom: 1.02em; }

	@media screen and (max-width: 768px) {

		#about-tour { padding: 80px 0; }
		#about-tour .about__block__lists--pic { width: 100%; margin: 0; margin-bottom: 40px; -webkit-border-radius: 20px; border-radius: 20px; }
		#about-tour .about__block__lists--pic img { height: 410px; }
		#about-tour .about__block__lists__desc--title { font-size: 19px; font-size: 1.9rem; margin-bottom: 1.82em; text-align: center; }
		#about-tour .about__block__lists__desc--subtitle { font-size: 17px; font-size: 1.7rem; }
	
	}

	@media screen and (max-width: 414px) {
		#about-tour .about__block__lists--pic img { height: 205px }
	}