@charset "UTF-8";

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

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		共通
	----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#bunkazaiPage .mvWrap { background: url(/bunkazai/images/mv_bg_sp.jpg) no-repeat center top / cover; }
	
	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		index.html
	----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#bunkazaiPage #indexSection #mainArea p.leadTxt { margin-top: 10px; }
	#bunkazaiPage #indexSection #listArea { margin-top: 25px; padding: 30px 0 40px; }
	#bunkazaiPage #indexSection #listArea ul { overflow: hidden; }
	#bunkazaiPage #indexSection #listArea ul#indexList li { float: left; width: 48%; margin-left: 4%; }
	#bunkazaiPage #indexSection #listArea ul#indexList li:nth-child(2n+1),
	#bunkazaiPage #indexSection #listArea ul#indexList li:nth-child(4n+1) { margin-left: 0; }
	#bunkazaiPage #indexSection #listArea ul#indexList li:nth-child(n+3),
	#bunkazaiPage #indexSection #listArea ul#indexList li:nth-child(n+5) { margin-top: 10px; }
	#bunkazaiPage #indexSection #listArea ul#indexList li a > span { margin-top: 5px; }
	#bunkazaiPage #indexSection #listArea p#referencesBtn { margin-top: 35px; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		detail.html
	----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#bunkazaiPage #mainArea p.leadTxt { font-size: 113%; padding-top: 10px; margin-top: 10px; }
	#bunkazaiPage #mainArea p.mainImg { margin-top: 10px; }
	#bunkazaiPage #mainArea .explanationInner { margin-top: 25px; }
	#bunkazaiPage #mainArea .explanationInner p + p { margin-top: 10px; }

	#bunkazaiPage #mainArea h4 { margin-top: 25px; font-size: 113%; }
	#bunkazaiPage #mainArea ul#isekiList { margin-top: 10px; }
	#bunkazaiPage #mainArea ul#isekiList li { float: left; margin-left: 2%; width: 49%; }
	#bunkazaiPage #mainArea ul#isekiList li:nth-child(2n+1),
	#bunkazaiPage #mainArea ul#isekiList li:nth-child(4n+1) { margin-left: 0; }
	#bunkazaiPage #mainArea ul#isekiList li:nth-child(n+3),
	#bunkazaiPage #mainArea ul#isekiList li:nth-child(n+5) { margin-top: 10px; }

	#bunkazaiPage #mapArea { margin-top: 40px; padding: 30px 0 25px; }
	#bunkazaiPage #mapArea iframe { width: 100%; height: 300px; }

	/* modalWrap */
	#fancybox-wrap { width: 90% !important; padding: 0; margin: 0 auto; left: 0 !important; right: 0 !important; }
	#fancybox-content { width: 100% !important; }
	#fancybox-close { background-size: contain; top: 20px; right: 20px; width: 18px; height: 17px; }
	.fancybox-bg { display: none; }
	#bunkazaiPage .modalWrap { width: 100%; border-width: 3px; padding: 10px; }
	#bunkazaiPage .modalWrap h3.lineTitle { padding-right: 35px; }
	#bunkazaiPage .modalWrap h3.lineTitle + p,
	#bunkazaiPage .modalWrap h3.lineTitle + div,
	#bunkazaiPage .modalWrap h3.lineTitle + ul { padding-top: 10px; margin-top: 10px; }	
	#bunkazaiPage .modalWrap p.modalWideImg { margin-top: 10px; }
	#bunkazaiPage .modalWrap p.modalTxt { margin-top: 10px; }
	#bunkazaiPage .modalWrap ul { margin-top: 15px; overflow: hidden; }
	#bunkazaiPage .modalWrap ul li { float: none; margin: 10px 0 0; width: 100%; }
	#bunkazaiPage .modalWrap ul li:first-child { margin-top: 0; }
	#bunkazaiPage .modalWrap .modalSection { margin-top: 10px; }
	#bunkazaiPage .modalWrap .modalSection p.modalImg { float: none; width: 100%; }
	#bunkazaiPage .modalWrap .modalSection p.modalTxt { float: none; width: 100%; margin-top: 10px; }
	#bunkazaiPage .modalWrap .iframeSection { margin-top: 15px; }

	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		references.html
	----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#bunkazaiPage #mainArea dl.referencesDl dt { padding-top: 13px; margin-top: 15px; }
	#bunkazaiPage #mainArea dl.referencesDl dt:first-child { padding-top: 0; margin-top: 0; }

}