@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 600px) and (max-width: 999px) {
main{
	width: 96% !important;
	}
	
.header-inner {
	width: 96%; 
	margin: 0 auto; 
	}
	
.nav-inner {
	width: 100%;
	}

}
	
@media only screen and (max-width: 768px) {
	
#nav {display: none; position: fixed; top:0; float: none; text-align:center; width: 100%; background: #fff; margin-bottom: 40px; margin-top: 0px; padding: 0; opacity: .9;}
.nav-inner { width: 100%; }
.nav-menu li a { color: #333; display: block; font-size: 16px; padding: 20px 10px; text-decoration: none; font-weight: 500;}
.nav-menu li { display: block; float: none; border-bottom: 1px solid #ededed; }
.toggle { display: block; float: right; position: fixed; top: 5px; right: 5px; z-index: 10000;}
	
.contact{
	display: none;
	}
	
.contact-m{
	width: 40px;
	height: 40px;
	display: block;
	position: fixed;
	top: 5px;
	right: 50px;
	z-index: 10000;
	}
	
h3 {
	font-size: 28px;
	margin:0 0 1em;
	text-align: center;
}
	
h3.align1{
	text-align: center !important;
}
	
.align1{
	text-align: left
	}
	
.threeClmbox{
	width: 100%;
	display: block;
	}

.threeClmbox-inner{
	display: block;
	width: 100%;
	padding-right: 0;
	}
	
}
	

@media only screen and (max-width: 599px) {
main{ 
	width: 96%;
	}

section {
	padding: 2em 0;
}
	
.header-inner{
	width: 96%;
	margin: 0 auto;
	background-image: url(../images/main-mobile.jpg);
}
	
h3 {
	font-size: 28px;
	margin:0 0 1em;
	text-align: center;
}
	
h3.align1{
	text-align: center !important;
}
	
.disp-mobile{
	display: block;
	}
	
.disp-pc{
	display: none;
	}


/* 2カラム
--------------------------------------------*/
.twoClmbox-img{
	width: 100%;
	display: block;
	margin: 0;
	}

.twoClmbox-img-right{
	width: 100%;
	display: block;
	margin: 0;
	}
	
.twoClmbox-txt{
	width: 100%;
	display: block;
	}

}

@media screen and (max-width: 768px) and (min-width: 480px) {
iframe .twitter-timeline-rendered{
width: 490px !important;
}
}

@media screen and (max-width: 480px) {
iframe.twitter-timeline-rendered {
width: 450px !important;
margin:0 auto;
}
}

.timeline-Widget {
max-width: 300px!important;
width:200px !important; 
}