@charset "utf-8";

/*=============================================
	
	タイトル
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#title_wrap {
		padding: 3.0em 0  !important;
	}
	#title_wrap h2 {
		width: 60%;
		margin: 0 auto;
	}
}

@media print, screen and (min-width: 769px) {
	#title_wrap {
		padding: 4.0em 0  !important;
		background-size: 100% auto;
		margin: 0 0 30px;
	}
	#title_wrap h2 {
		width: 240px;
		margin: 0 auto;
	}
}



/*=============================================
	
	誕生コンテンツ
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.birth_wrap {
		
	}
	.birth_wrap h4 {
		margin: 0 0 0.6em;
	}
	.birth_wrap h3 {
		width: 90%;
		margin: 0 auto 1.2em;
	}
	.birth_wrap .imgsize01 {
		padding-top: 120%;
		margin: 0 0 1.6em;
	}
	.birth_wrap .imgsize02 {
		padding-top: 120%;
		margin: 0 0 1.6em;
	}
	.birth_wrap p.text_lead{
		width: 85%;
		margin: 0 auto 2.4em;
		line-height: 2.2em;
		font-size: 1.1em;
	}
	.birth_wrap ul.icon_list {
		padding: 1.0em 0 1.6em;
		width: 80%;
		margin: 0 auto;
	}
	.birth_wrap ul.icon_list li {
		float: left;
		width: 48%;
		margin: 0 0 1.0em;
	}
	.birth_wrap ul.icon_list li:nth-child(2n) {
		float: right;
	}
}


@media print, screen and (min-width: 769px) {
	.birth_wrap {
	}
	.birth_wrap h4 {
		margin: 0 0 0.6em;
	}
	.birth_wrap h3 {
		margin: 0 0 1.2em;
	}
	.birth_wrap .imgsize01 {
		width: 960px;
		padding-top: 30%;
		margin: 0 auto 24px;
	}
	.birth_wrap .imgsize02 {
		width: 960px;
		padding-top: 30%;
		margin: 0 auto 24px;
	}
	.birth_wrap p.text_lead{
		width: 960px;
		margin: 0 auto 30px;
		line-height: 2.2em;
		font-size: 12px;
	}
	
	.birth_wrap ul.icon_list {
		padding: 16px 0 36px;
		width: 800px;
		margin: 0 auto;
		text-align: center;
	}
	.birth_wrap ul.icon_list li {
		display: inline-block;
		width: 22%;
		margin: 0 1% 0;
	}
	.birth_wrap ul.icon_list li:nth-child(2n) {
	}
}


/*=============================================
	
	ポイント コンテンツ
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.point_wrap {
		
	}
	.point_wrap .bg_img {
		position: relative;
	}
	.point_wrap .imgsize01, .point_wrap .imgsize02, .point_wrap .imgsize03 {
		width: 100%;
		margin: 0 auto 1.6em;
		padding-top: 120%;
	}
	.point_wrap .bg_img h3 {
		position: absolute;
		left: 50px;
		top: 50px;
		writing-mode: vertical-rl;
		font-size: 2.0em;
		color: #000;
	}
	.point_wrap .imgsize01 {
		background-position: 70% center;
	}
	.point_wrap .imgsize01 h3 {
		left: 5%;
		top: 10%;
		color: #FFF;
		text-shadow:0px 0px 5px #000;
	}
	.point_wrap .imgsize02 {
		background-position: 20% center;
	}
	.point_wrap .imgsize02 h3 {
		left: 38%;
		top: 10%;
		color: #FFF;
		text-shadow:0px 0px 5px #000;
	}
	.point_wrap .imgsize03 {
		background-position: 20% center;
	}
	.point_wrap .imgsize03 h3 {
		right: 10%;
		top: 10%;
	}
	.point_wrap p.text_lead{
		width: 90%;
		margin: 0 auto 30px;
		line-height: 2.2em;
		font-size: 1.1em;
		text-align: center;
	}


}



@media print, screen and (min-width: 769px) {
	.point_wrap {
		
	}
	.point_wrap .bg_img {
		position: relative;
	}
	.point_wrap .imgsize01, .point_wrap .imgsize02, .point_wrap .imgsize03 {
		width: 960px;
		margin: 0 auto 24px;
		padding-top: 30%;
	}
	.point_wrap .bg_img h3 {
		position: absolute;
		left: 50px;
		top: 50px;
		writing-mode: vertical-rl;
		font-size: 28px;
		color: #000;
	}
	.point_wrap .imgsize01 h3 {
		left: 120px;
		top: 50px;
		color: #FFF;
		text-shadow:0px 0px 5px #000;
	}
	.point_wrap .imgsize02 h3 {
		right: 120px;
		top: 50px;
		color: #FFF;
		text-shadow:0px 0px 5px #000;
	}
	.point_wrap .imgsize03 h3 {
		right: 120px;
		top: 50px;
	}
	.point_wrap p.text_lead{
		width: 960px;
		margin: 0 auto 30px;
		line-height: 2.2em;
		font-size: 13px;
		text-align: center;
	}
}




/*=============================================
	
	みどころ コンテンツ
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.midokoro_wrap {
		
	}
	.midokoro_wrap .imgsize01 {
		padding-top: 60% !important;
		margin: 0 auto 2.8em;
	}

	.midokoro_wrap .midokoro_list {
		width: 80%;
		margin: 0 auto;
	}
	.midokoro_wrap .midokoro_list li {
		margin: 0 0 2.4em;
	}
	
	.midokoro_wrap .midokoro_list li h4 {
		font-size: 1.5em;
		margin: 0 0 0.8em;
		text-align: center;
	}
	.midokoro_wrap .midokoro_list li h4 span {
		font-size: 11px;
	}
	.midokoro_wrap .midokoro_list li .bg_img {
		padding-top: 60%;
		margin: 0 0 1.2em;
	}
	.midokoro_wrap .midokoro_list li .imgsize03 {
		padding-top: 135%;
	}
	.midokoro_wrap .midokoro_list li p.text_lead {
		font-size: 1.0em;
		margin: 0 0 1.8em;
		line-height: 2.0em;
		text-align: left;
	}
}

@media print, screen and (min-width: 769px) {
	.midokoro_wrap {
		
	}
	.midokoro_wrap .imgsize01 {
		width: 640px;
		padding-top: 30% !important;
		margin: 0 auto 30px;
	}

	.midokoro_wrap .midokoro_list {
		width: 960px;
		margin: 0 auto;
		text-align: center;
	}
	.midokoro_wrap .midokoro_list li {
		display: inline-block;
		width: 28%;
		margin: 0 2% 30px;
		vertical-align: top;
	}
	
	.midokoro_wrap .midokoro_list li h4 {
		font-size: 17px;
		margin: 0 0 12px;
	}
	.midokoro_wrap .midokoro_list li h4 span {
		font-size: 11px;
	}
	.midokoro_wrap .midokoro_list li .bg_img {
		padding-top: 60%;
		margin: 0 0 15px;
	}
	.midokoro_wrap .midokoro_list li .imgsize03 {
		background-position: center 90%;
	}
	.midokoro_wrap .midokoro_list li p.text_lead {
		font-size: 12px;
		margin: 0 0 12px;
		line-height: 2.0em;
		text-align: left;
	}
}

/*=============================================
	
	フォトスポット コンテンツ
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.spot_wrap {
		
	}
	.spot_wrap h3 {
		margin: 0 0 0.6em;
	}
	.spot_wrap h4 {
		margin: 0 0 1.0em;
		color: #739d8b;
		font-size: 2.2em;
	}
	.spot_wrap h4 span {
		font-size: 1.5em;
	}
	.spot_wrap ul.midokoro_list {
		width: 80%;
		padding: 2.4em 5%;
		margin: 0 auto;
		border: 3px double #333;
		text-align: center;
		background: #FFF;
	}
	.spot_wrap ul.midokoro_list li {
		margin: 0 0 2.4em;
		vertical-align: top;
	}
	.spot_wrap ul.midokoro_list li h5 {
		font-size: 1.6em;
		margin: 0 0 12px;
		color: #739d8b;
	}
	.spot_wrap ul.midokoro_list li .bg_img {
		padding-top: 60%;
		margin: 0 0 12px;
	}
	.spot_wrap ul.midokoro_list li p.text_lead {
		text-align: left;
		line-height: 2.0em;
		color: #777777;
	}

}



@media print, screen and (min-width: 769px) {
	.spot_wrap {
		
	}
	.spot_wrap h3 {
		margin: 0 0 12px;
	}
	.spot_wrap h4 {
		margin: 0 0 20px;
		color: #739d8b;
		font-size: 26px;
	}
	.spot_wrap h4 span {
		font-size: 38px;
	}
	.spot_wrap ul.midokoro_list {
		width: 920px;
		padding: 30px 20px;
		margin: 0 auto;
		border: 3px double #333;
		text-align: center;
		background: #FFF;
	}
	.spot_wrap ul.midokoro_list li {
		display: inline-block;
		width: 29%;
		margin: 0 1.5% 35px;
		vertical-align: top;
	}
	.spot_wrap ul.midokoro_list li h5 {
		font-size: 16px;
		margin: 0 0 12px;
		color: #739d8b;
	}
	.spot_wrap ul.midokoro_list li .bg_img {
		padding-top: 60%;
		margin: 0 0 12px;
	}
	.spot_wrap ul.midokoro_list li p.text_lead {
		text-align: left;
		line-height: 2.0em;
		color: #777777;
	}
}



/*=============================================
	
	下部バナー
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#history_bottom {
	}
	#history_bottom ul {
		width: 80%;
		margin: 0 auto;
	}
	#history_bottom ul li {
		margin: 0 0 1.6em;
	}

}

@media print, screen and (min-width: 769px) {
	#history_bottom {
	}
	#history_bottom ul {
		width: 720px;
		margin: 0 auto;
		text-align: center;
	}
	#history_bottom ul li {
		display: inline-block;
		float: left;
		width: 45%;
		margin: 0 2%;
	}
}