@charset "utf-8";

/*----------
CSS -micro clearfix
------------*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;}
.cf:after {clear:both;} 
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}


@media(max-width: 767px){
	.PC{display:none !important;}
	.SP{display:block !important;}
	#hside{display:none !important;}}

@media(min-width: 768px){
	/*body{min-width: 980px;}*/
	.PC{display:block !important;}
	.SP{display:none !important;}
	#hside{display:block !important;}
	#LpContainer{display:block !important;}}


/*--------------------------------------------------------------------------------*/
@media(min-width: 768px){
#LpContainer h1,#LpContainer h2,#LpContainer h3,#LpContainer{text-align:center!important;}	
figure{margin:0;}
#LpContainer{
	background-color:#fff; text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
#hside{
	left:460px !important;
	right:0 !important;
	margin:0 auto !important;}
/*nav{height: 49px !important;}
nav li a{height: 49px !important;}*/

#LpContainer .Main{
	padding-top:60px;
	margin-bottom:100px;}


#LpContainer .Intro{
	margin-bottom:40px;}
	#LpContainer .Intro h2{
		margin-bottom:60px;}
	#LpContainer .Intro h3{
		margin-bottom:60px;}
	#LpContainer .Intro img.mg-b40{
		}


#LpContainer .Accidents{
	background: #fff url(../images/accidents_bg.gif) no-repeat center top;
	min-height:923px;
	padding-top:120px;
	margin-bottom:80px;}
	#LpContainer .Accidents h2{
		margin-bottom:60px;}
	#LpContainer .Accidents h3{
		margin-bottom:60px;}
	#LpContainer .Accidents ul{
		width:960px;
		margin:0 auto;
		margin-bottom:40px;}				
		#LpContainer .Accidents ul li{
			float:left;}
		#LpContainer .Accidents ul li{
			margin-right:40px;}	
		#LpContainer .Accidents ul li:last-child{
			margin-right:0;}		
	#LpContainer .Accidents p{
		width:960px;
		margin:0 auto;
		text-align:center;
		color:#000;
		font-size:2.0rem;
		line-height:180%;}


#LpContainer .Graph{
	margin-bottom:80px;}
	#LpContainer .Graph h3{
		margin-bottom:80px;}
	#LpContainer .Graph figure{
		margin-bottom:80px;}		
	#LpContainer .Graph figcaption{
		width:640px;
		margin:0 auto;
		text-align:right;
		color:#555;
		font-size:1.2rem;}


#LpContainer .BadSight{
	background-color:#e5f1fa;
	margin-bottom:140px;}
	#LpContainer .BadSight .BadSightArea{
		width:760px;
		margin:0 auto;
		padding:80px 0 30px 0;}
	#LpContainer .BadSight .BadSightArea h2{
		margin-bottom:60px;}
	#LpContainer .BadSight .BadSightArea p{
		text-align:left;
		color:#333;
		font-size:1.8rem;
		line-height:180%;
		margin-bottom:50px;}
	#LpContainer .BadSight .BadSightArea h3{
		margin-bottom:60px;}
		
	#LpContainer .BadSight .BadSightArea ul{
		width:760px;
		margin-bottom:40px;}				
		#LpContainer .BadSight .BadSightArea ul li{
			float:left;
			width:360px;
			margin-right:40px;}	
		#LpContainer .BadSight .BadSightArea ul li:nth-child(even){
			margin-right:0;}		
	
		#LpContainer .BadSight .BadSightArea ul li figure{
			margin-bottom:30px;}
		#LpContainer .BadSight .BadSightArea ul li figure img{
			margin-bottom:15px;}		
		#LpContainer .BadSight .BadSightArea ul li figcaption{
			text-align:center;
			color:#333;
			font-size:1.8rem;}


#LpContainer .GoodSight {
	width:960px;
	margin:0 auto;
	margin-bottom:80px;}
	#LpContainer .GoodSight h2{
		margin-bottom:80px;}
	#LpContainer .GoodSight figure{
		margin-bottom:80px;}
	#LpContainer .GoodSight h3{
		margin-bottom:40px;}
	#LpContainer .GoodSight p{
		text-align:left;
		width:760px;
		margin:0 auto;
		color:#333;
		font-size:1.8rem;
		line-height:180%;
		margin-bottom:60px;}


	#LpContainer .GoodSight .Day{
		width:760px;
		margin:0 auto;
		margin-bottom:60px;}				
		#LpContainer .GoodSight .Day h4{
			margin-bottom:20px;}		
	#LpContainer .GoodSight .Night{
		width:760px;
		margin:0 auto;
		margin-bottom:120px;}				
		#LpContainer .GoodSight .Night h4{
			margin-bottom:20px;}
			

#LpContainer .GlacoList{
	background-color:#fff8ef;
	padding:80px 0 80px 0;
	margin-bottom:80px;}
	#LpContainer .GlacoList h2{
		margin-bottom:60px;}
	#LpContainer .GlacoList .GlacoListArea{
		/*width:880px;*/width:960px;
		margin:0 auto;
		background-color:#fff;
		border-radius: 50px;
			-webkit-border-radius: 50px; 
			-moz-border-radius: 50px;
		padding:80px 40px;}
		
	#LpContainer .GlacoList .GlacoListArea .GlacoArea{
		margin-bottom:25px;}
	#LpContainer .GlacoList .GlacoListArea .Glaco{
		padding-bottom:80px;
		margin-bottom:80px;
		border-bottom: 1px solid #ddd;}
		#LpContainer .GlacoList .GlacoListArea .Glaco h3{
			text-align:left !important;
			padding-top:25px;
			margin-bottom:25px;}
		#LpContainer .GlacoList .GlacoListArea .Glaco .Note{
			color:#555;
			font-size:1.2rem;
			padding-top:10px;
			text-align:right;}
		
		#LpContainer .GlacoList .GlacoListArea .Glaco ul{
			margin-top:40px}
		#LpContainer .GlacoList .GlacoListArea .Glaco ul li{
			float:left;}
		#LpContainer .GlacoList .GlacoListArea .Glaco ul li.Icon{
			margin-right:20px;}
		#LpContainer .GlacoList .GlacoListArea .Glaco ul li.Txt{
			text-align:left;
			margin-right:35px;
			width:417px;
			padding-top:15px;
			color:#555;
			font-size:1.6rem;
			line-height:160%;}
		#LpContainer .GlacoList .GlacoListArea .Glaco ul li.Shop{
			padding-top:15px;}
			
			#LpContainer .GlacoList .GlacoListArea .Glaco ul li.Shop a{
				float:right;
				display:block;
				line-height:0;
				text-indent:-9999px;
				background: url("../images/bnr_toShop_pc.gif") 0 top no-repeat;
				width:270px;
				height:60px;
				transition:none;}
				#LpContainer .GlacoList .GlacoListArea .Glaco ul li.Shop a:hover{
					background-position:0 bottom;
					transition:none;}
			
			
			
			
	.GFL{
		float:left;
		margin-right:30px;}


#LpContainer .Movie{
	width:960px;
	margin:0 auto;
	margin-bottom:100px;}
	#LpContainer .Movie h2{
		margin-bottom:60px;}
	#LpContainer .Movie .Movie-Box iframe{
		width:586px;
		height:330px;
		margin:0 auto;}

}

/*--------------------------------------------------------------------------------*/
@media(max-width: 767px){
figure{margin:0;}
#LpContainer{
	background-color:#fff; text-align:center;
	font-size:62.5%;}


#LpContainer .Main{
	margin-bottom:50px;}
	#LpContainer .Main img{
		width: 100%;}

#LpContainer .Intro{
	margin:0 10px 40px 10px;}
	#LpContainer .Intro h2{
		margin-bottom:25px;}
	#LpContainer .Intro h3{
		margin-bottom:50px;}
	#LpContainer .Intro img{
		max-width: 100%;}

#LpContainer .Accidents{
	background-color:#e5f1fa;
	padding:40px 10px 40px 10px;
	margin-bottom:40px;}
	#LpContainer .Accidents h2{
		margin-bottom:30px;}
	#LpContainer .Accidents h3{
		margin-bottom:30px;}
	#LpContainer .Accidents ul{
		margin:0 auto;
		margin-bottom:30px;}				
		#LpContainer .Accidents ul li{
			float:left;
			width:49%;
			margin-right:2%;}	
		#LpContainer .Accidents ul li:last-child{
			margin-right:0;}		
	#LpContainer .Accidents p{
		margin:0 auto;
		text-align:center;
		color:#000;
		font-size:1.6rem;
		line-height:180%;}
	#LpContainer .Accidents img{
		max-width: 100%;}


#LpContainer .Graph{
	margin:0 10px 40px 10px;}
	#LpContainer .Graph h3{
		margin-bottom:20px;}
	#LpContainer .Graph figure{
		margin-bottom:40px;}		
	#LpContainer .Graph figcaption{
		padding-top:5px;
		text-align:right;
		color:#555;
		font-size:1.0rem;}
	#LpContainer .Graph img{
		max-width: 100%;}


#LpContainer .BadSight{
	background-color:#e5f1fa;
	margin-bottom:40px;}
	#LpContainer .BadSight .BadSightArea{
		padding:40px 10px 20px 10px;}
	#LpContainer .BadSight .BadSightArea h2{
		margin-bottom:30px;}
	#LpContainer .BadSight .BadSightArea p{
		text-align:left;
		color:#333;
		font-size:1.5rem;
		line-height:180%;
		margin-bottom:30px;}
	#LpContainer .BadSight .BadSightArea h3{
		margin-bottom:20px;}
		
	#LpContainer .BadSight .BadSightArea ul{}				
		#LpContainer .BadSight .BadSightArea ul li{
			float:left;
			width:49%;
			margin-right:2%;}	
		#LpContainer .BadSight .BadSightArea ul li:nth-child(even){
			margin-right:0;}		
	
		#LpContainer .BadSight .BadSightArea ul li figure{
			margin-bottom:20px;}
		#LpContainer .BadSight .BadSightArea ul li figure img{
			margin-bottom:5px;}		
		#LpContainer .BadSight .BadSightArea ul li figcaption{
			text-align:center;
			color:#333;
			font-size:1.2rem;}		
	#LpContainer .BadSight .BadSightArea img{
		max-width: 100%;}


#LpContainer .GoodSight {
	margin:0 10px 40px 10px;}
	#LpContainer .GoodSight h2{
		margin-bottom:40px;}
	#LpContainer .GoodSight figure{
		margin-bottom:40px;}
	#LpContainer .GoodSight h3{
		margin-bottom:20px;}
	#LpContainer .GoodSight p{
		text-align:left;
		color:#333;
		font-size:1.5rem;
		line-height:180%;
		margin-bottom:30px;}


	#LpContainer .GoodSight .Day{
		margin-bottom:30px;}				
		#LpContainer .GoodSight .Day h4{
			margin-bottom:10px;}		
	#LpContainer .GoodSight .Night{}				
		#LpContainer .GoodSight .Night h4{
			margin-bottom:10px;}
			
	#LpContainer .GoodSight img{
		max-width: 100%;}




#LpContainer .GlacoList{
	background-color:#fff8ef;
	padding:40px 10px 40px 10px;
	margin-bottom:40px;}
	#LpContainer .GlacoList h2{
		margin-bottom:30px;}
		#LpContainer .GlacoList h2 img{
			max-width: 100%;}
	#LpContainer .GlacoList .GlacoListArea{
		background-color:#fff;
		border-radius: 20px;
			-webkit-border-radius: 20px; 
			-moz-border-radius: 20px;
		padding:40px 10px;}
		
	#LpContainer .GlacoList .GlacoListArea .Glaco{
		margin-bottom:60px;}
		#LpContainer .GlacoList .GlacoListArea .Glaco.Last{
		margin-bottom:0;}
		
		
		#LpContainer .GlacoList .GlacoListArea .Glaco .GlacoArea{
			margin-bottom:30px;}
		#LpContainer .GlacoList .GlacoListArea .Glaco img.GFL{
			float:left;
			width:30%;
			margin-right:4%;
			max-width: 100%;}
			
		#LpContainer .GlacoList .GlacoListArea .Glaco div.GFL{
			float:left;
			width:66%;}
		
		#LpContainer .GlacoList .GlacoListArea .Glaco  div.GFL h3 img{
			max-width: 100%;
			padding-top:13px;}
		#LpContainer .GlacoList .GlacoListArea .Glaco  div.GFL p img{
			padding-top:13px;
			max-width: 100%;}
				
		#LpContainer .GlacoList .GlacoListArea .Glaco img.Use{
			max-width: 100%;}
		#LpContainer .GlacoList .GlacoListArea .Glaco .Note{
			color:#555;
			font-size:1.0rem;
			padding-top:5px;
			text-align:right;}
		
		#LpContainer .GlacoList .GlacoListArea .Glaco ul{
			margin-top:20px}
		#LpContainer .GlacoList .GlacoListArea .Glaco ul li{}
		#LpContainer .GlacoList .GlacoListArea .Glaco ul li.Icon{
			float:left;
			width:30%;
			margin-right:4%;}
			#LpContainer .GlacoList .GlacoListArea .Glaco ul li.Icon img{
				max-width: 100%;}
			
		#LpContainer .GlacoList .GlacoListArea .Glaco ul li.Txt{
			float:left;
			width:66%;
			text-align:left;
			padding-top:10px;
			color:#555;
			font-size:1.5rem;
			line-height:160%;}
			
		#LpContainer .GlacoList .GlacoListArea .Glaco ul li.Shop{
			clear:both;
			padding-top:15px;}
			/*#LpContainer .GlacoList .GlacoListArea .Glaco ul li.Shop img{
				max-width: 100%;}*/
				
			#LpContainer .GlacoList .GlacoListArea .Glaco ul li.Shop a{
				display:block;
				line-height:0;
				text-indent:-9999px;
				background: url("../images/bnr_toShop_sp.gif") 0 0 no-repeat;
				padding-top: 21.4%; 
				background-size: contain;}



#LpContainer .Movie{
	margin:0 10px 80px 10px;}
	#LpContainer .Movie h2{
		margin-bottom:30px;}
	#LpContainer .Movie .Movie-Box{
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;}
	#LpContainer .Movie .Movie-Box iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;}
	#LpContainer .Movie img{
		max-width: 100%;}

}