@charset "utf-8";



/*=============================================
	
	メインビジュアル
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#main_img {
		width: 100%;
		margin: 0;
		padding: 0;
	}
}

@media print, screen and (min-width: 769px) {
	#main_img {
		width: 100%;
		margin: 0;
		padding: 0;
	}
}

/*=============================================
	
	タイトル枠
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.top_title_wrap {
		padding: 3.2em 0;
		text-align: center;
	}
	.top_title_wrap .name {
		font-size: 3.2em;
		margin: 0 0 0.6em;
		line-height: 1.3em;
	}
	.top_title_wrap h2 {
		font-size: 1.1em;
		margin: 0 0 1.6em;
		line-height: 1.0em;
	}
	.top_title_wrap p.lead {
		font-size: 1.2em;
		margin: 0 0 0;
	}

}

@media print, screen and (min-width: 769px) {
	.top_title_wrap {
		padding: 60px 0;
		text-align: center;
	}
	.top_title_wrap .name {
		font-size: 56px;
		margin: 0 0 30px;
		line-height: 1.0em;
	}
	.top_title_wrap h2 {
		font-size: 16px;
		margin: 0 0 30px;
		line-height: 1.0em;
	}
	.top_title_wrap p.lead {
		font-size: 18px;
		margin: 0 0 0;
	}
}

/*=============================================
	
	1段目 レイアウト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#detail01_wrap {
		background: #F7F7F7;
		padding: 3.6em 0;
	}
	#detail01_wrap ul.container {
		width: 90%;
		margin: 0 auto;
	}
	#detail01_wrap ul.container li {
		margin: 0 auto 1.0em;
	}
	#detail01_wrap ul.container li:last-child {
		margin: 0 auto 0;
	}
	#detail01_wrap ul.container li.pic01 {

	}
	#detail01_wrap ul.container li.pic02 {
	}
	#detail01_wrap ul.container li.pic03 {
	}
	#detail01_wrap ul.container li.pic04 {
	}
	#detail01_wrap ul.container li.pic05 {
	}
	#detail01_wrap ul.container li.pic06 {
		float: left;
		width: 67%;
	}
	#detail01_wrap ul.container li.pic07 {
		float: right;
		width: 31%;
	}
	#detail01_wrap ul.container li.pic08 {
		float: left;
		width: 49%;
	}
	#detail01_wrap ul.container li.pic09 {
		float: right;
		width: 49%;
	}
	#detail01_wrap ul.container li.pic10 {
	}
}

@media print, screen and (min-width: 769px) {
	#detail01_wrap {
		background: #F7F7F7;
		padding: 60px 0;
	}
	#detail01_wrap ul.container {
		width: 100%;
		min-height: 1575px;
	}
	#detail01_wrap ul.container li {
		position: absolute;
		left: 50%;
	}
	#detail01_wrap ul.container li.pic01 {
		width: 400px;
		top: 0px;
		margin-left: -426px;
	}
	#detail01_wrap ul.container li.pic02 {
		width: 400px;
		top: 81px;
		margin-left: 0px;
	}
	#detail01_wrap ul.container li.pic03 {
		width: 560px;
		top: 585px;
		margin-left: -586px;
	}
	#detail01_wrap ul.container li.pic04 {
		width: 260px;
		top: 661px;
		margin-left: 0px;
	}
	#detail01_wrap ul.container li.pic05 {
		width: 260px;
		top: 661px;
		margin-left: 282px;
	}
	#detail01_wrap ul.container li.pic06 {
		width: 380px;
		top: 970px;
		margin-left: -410px;
	}
	#detail01_wrap ul.container li.pic07 {
		width: 260px;
		top: 945px;
		margin-left: 282px;
	}
	#detail01_wrap ul.container li.pic08 {
		width: 260px;
		top: 1050px;
		margin-left: 0px;
	}
	#detail01_wrap ul.container li.pic09 {
		width: 260px;
		top: 1240px;
		margin-left: -287px;
	}
	#detail01_wrap ul.container li.pic10 {
		width: 380px;
		top: 1331px;
		margin-left: 0px;
	}
 
}



/*=============================================
	
	おすすめスポット 2段目
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#detail02_wrap {
		padding: 1.6em 0 0;
	}
	#detail02_wrap h3 {
		font-size: 2.0em;
		text-align: center;
		line-height: 1.0em;
		margin: 0 0 1.0em;
		padding: 56px 0 0;
		background: url(/img/photogenic/no20.png) no-repeat center bottom;
		background-size: 120px auto;
	}
	#detail02_wrap h4 {
		text-align: center;
		font-size: 1.1em;
		line-height: 2.2em;
		margin: 0 auto 1.8em;
	}
	
	#detail02_wrap ul {
		padding: 0 0;
		position: relative;
		background-size: contain;
		width: 90%;
		margin: 0 auto 3.2em;
	}
	#detail02_wrap ul:nth-of-type(2) {
		background-size: contain;
	}
	#detail02_wrap ul li {
		float: left;
		position: relative;
		color: #D1CBB2;
		text-align: center;
		width: 53%;
		margin: -5.6em 0 0;
	}
	#detail02_wrap ul li:first-child {
		margin: 0;
	}	
	#detail02_wrap ul li:nth-child(even) {
		float: right;
	}

	#detail02_wrap ul li p.number {
		font-size: 24px;
		line-height: 1.0em;
		margin: 0 0 4px;
	}
	#detail02_wrap ul li h5 {
		font-size: 13px;
		line-height: 1.0em;
		margin: 0 0 8px;
	}
}

@media print, screen and (min-width: 769px) {
	#detail02_wrap {
		padding: 50px 0;
	}
	#detail02_wrap h3 {
		font-size: 32px;
		text-align: center;
		line-height: 1.0em;
		margin: 0 0 30px;
		padding: 56px 0 0;
		background: url(/img/photogenic/no20.png) no-repeat center bottom;
		background-size: 160px auto;
	}
	#detail02_wrap h4 {
		text-align: center;
		font-size: 16px;
		line-height: 2.0em;
		margin: 0 0 40px;
	}

	#detail02_wrap ul {
		padding: 0 0;
		position: relative;
		min-height: 1100px;
		width: 100%;
	}
	#detail02_wrap ul:nth-of-type(2) {
		min-height: 1030px;
	}
	#detail02_wrap ul li {
		position: absolute;
		left: 50%;
		color: #D1CBB2;
		text-align: center;
	}
	#detail02_wrap ul li.pic01 {
		top: 0px;
		margin-left: -480px;
		width: 276px;
	}
	#detail02_wrap ul li.pic02 {
		top: 84px;
		margin-left: -240px;
		width: 220px;
	}
	#detail02_wrap ul li.pic03 {
		top: 6px;
		margin-left: -11px;
		width: 220px;
	}
	#detail02_wrap ul li.pic04 {
		top: 54px;
		margin-left: 214px;
		width: 247px;
	}
	#detail02_wrap ul li.pic05 {
		top: 360px;
		margin-left: -452px;
		width: 258px;
	}
	#detail02_wrap ul li.pic06 {
		top: 410px;
		margin-left: -216px;
		width: 220px;
	}
	#detail02_wrap ul li.pic07 {
		top: 330px;
		margin-left: 30px;
		width: 267px;
	}
	#detail02_wrap ul li.pic08 {
		top: 438px;
		margin-left: 272px;
		width: 196px;
	}
	#detail02_wrap ul li.pic09 {
		top: 704px;
		margin-left: -480px;
		width: 220px;
	}
	#detail02_wrap ul li.pic10 {
		top: 760px;
		margin-left: -280px;
		width: 264px;
	}

	#detail02_wrap ul li.pic11 {
		top: 720px;
		margin-left: 8px;
		width: 180px;
	}
	#detail02_wrap ul li.pic12 {
		top: 740px;
		margin-left: 160px;
		width: 295px;
	}
	#detail02_wrap ul li.pic13 {
		top: 33px;
		margin-left: -480px;
		width: 277px;
	}
	#detail02_wrap ul li.pic14 {
		top: 144px;
		margin-left: -234px;
		width: 220px;
	}
	#detail02_wrap ul li.pic15 {
		top: 0px;
		margin-left: -16px;
		width: 243px;
	}
	#detail02_wrap ul li.pic16 {
		top: 111px;
		margin-left: 210px;
		width: 272px;
	}
	#detail02_wrap ul li.pic17 {
		top: 410px;
		margin-left: -480px;
		width: 220px;
	}
	#detail02_wrap ul li.pic18 {
		top: 494px;
		margin-left: -314px;
		width: 292px;
	}
	#detail02_wrap ul li.pic19 {
		top: 362px;
		margin-left: -12px;
		width: 309px;
	}
	#detail02_wrap ul li.pic20 {
		top: 560px;
		margin-left: 260px;
		width: 220px;
	}
	#detail02_wrap ul li.pic21 {
		top: 720px;
	    margin-left: -490px;
		width: 220px;
	}
	#detail02_wrap ul li.pic22 {
		top: 730px;
	    margin-left: -50px;
	    width: 270px;
	}
	
	
	#detail02_wrap ul li p.number {
		font-size: 24px;
		line-height: 1.0em;
		margin: 0 0 4px;
	}
	#detail02_wrap ul li h5 {
		font-size: 13px;
		line-height: 1.0em;
		margin: 0 0 8px;
	}
	
}