/*1200px以上*/

.hide-xs {
		display: block;	
		}
		
		.visible-xs {
	display: none;
		}
		
		

.container{
	max-width: 1170px !important;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 20px;
	min-height: 100%;

	
}

#logoArea{
	padding-top: 0px;
	
}

#Stage{
	/*margin-top: -43px;*/
	display: block;	
}

#Stage2{
	display: none;	
}






@media screen and (min-width:1200px) {  





}

/*1200px以下*/
@media screen and (max-width:1200px) {  

#Stage{
	margin-top:0px;
}
	

}

/*
@media screen and (max-width:1024px) {
	
}*/


/* Responsive nav  991px以下 */
@media screen and (max-width:991px) {
	
	
	
	#content {
	
	min-height: 100%;
	height: 100%;
	padding-top: 20px;	/*max-width: 1200px;*/
	padding-bottom: 40px;
}

	
	.navigation{

	

}






	
#logoArea{
	padding-top: 70px;
	padding-bottom: 80px;
}


	
  header ul.primary-nav {
    margin: 0 0 0 20px !important;
    padding: 0; }
	
	.social-share{
	top: -10px;
	right: 20px !important;
}

.thumbImage{
	width: 80% !important;

}


#newsArea{
	padding-top: 80px !important;
	
}


#footer{
	
	/*padding-top:30px;*/
}

.introductionBox2 p {
	font-size: 100% !important;
	
}


	}
	
	
	@media screen and (max-width:767px) {
		
		
		.navigation{

padding-top: 10px !important;
	padding-bottom: 5px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	
}

		
	.btn{
	line-height: 0;
	margin-right: -20px !important;
}

.btn.first{
	
}

	/*#gmenu .btn img {
	width: 60%;
}*/

#footerArea {
    padding-bottom: 10px;
}
		
		
#footer{
	position: relative;
	background-color: hsla(0,0%,0%,1.00);
	overflow: hidden;
	top: 30px;

	
}

#sns {

}







#copy {

	
	
}

		
		
		#content {
	
	
	padding-top: 0px;
	padding-bottom: 20px;
}
		
		
.container{
	
	padding-left: 10px !important;	
	padding-right: 10px !important;	

	
}
		
		.hide-xs {
		display: none;	
		}
		
		.visible-xs {
	display: block;
		}
		
		
		.am100px {
	margin-bottom: 50px !important;		
		}
		
		.am50px {
	margin-bottom: 25px !important;		
		}
		
		
		#introductionArea {
	
	padding-top: 50px !important;	
	padding-bottom: 50px !important;	
}

#storyArea {
	padding-top: 50px !important;	
	padding-bottom: 50px !important;	
}

#commentsArea {
	padding-top: 50px !important;	
	padding-bottom: 50px !important;	
}
		
		
		
	/*#Stage{
	display: none !important;
}*/

 .flow-wrapper  {    /* edgeのステージを隠す*/
 /* display: none;*/
  }

	/*#Stage2{
	display: block;	
}*/
	
	
	 .commentsBox {
	 
	  margin-top: 20px !important;	
	  margin-bottom: 20px !important;	

      height:100%;
	 /*max-height:100%;*/
	  width:95% !important;	
  
		
		  margin-left: 0px !important;	
	 padding-right: 10px !important;	
	 

      }
	  
	
	  

		
		
	.container{
	
	padding-left: 10px !important;
	padding-right: 10px !important;
	
	
}

		
	
	
/*		
	.copyright{
	font-size: 55%;
	padding-top: 0px;
	line-height: 1.3em!important;
	
	color: hsla(0,0%,55%,1.00);
	padding-top: 0px;
	line-height: 1.3em!important;
	color: #9D9D9D !important;
}





#privacy{
	font-size: 55%;
	text-align: right;
	line-height: 28px;
	float: right;
	
 }
 
#privacy a {
	color: #9D9D9D;
	text-decoration: none;
}
#privacy a:hover,
#privacy a:focus {
	color: #C1C1C1;
	text-decoration: none;
}

#copy li {
	
	margin-right: 5px;
	
	
}*/







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

	#footer{
	
}


#copy {
top:35px;
padding-bottom:35px;
}

#sns{
	
}


#copy li {
	
	line-height: 3em !important;
height:3em;
}

.introductionBox2 p {
	font-size: 95% !important;
	
}

	}


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