@charset "utf-8";

/* ====================================================================== */
/* ---------------------------------------------------------------------- */
/* 1024px -> 600 */
@media screen and (max-width:1024px){
	img{
		max-width: 100%;
	}
	
	/* header */
	header{
		width: 600px;
	}
	header h2{
		font-size: 16px;
	}
	#header_fb{
		font-size: 12px;
	}
	#header_fb a{
		width: 120px;
		height: 120px;
		padding: 26px 0 0 14px;
		border-radius: 60px;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
	}

	#nav_wrap{
		height: auto;
	}
	#scroll_nav .gnav{
		margin-bottom: 0;
	}
	.gnav{
		width: 600px;
	}
	.gnav li{
		font-size: 16px;
		letter-spacing: 0.1em;
	}
	.gnav li a{
		text-decoration: none;
	}
	.gnav li a:hover{
		text-decoration: underline;
	}
	.gnav li.gnav1{
		padding: 0 30px 0 0;
	}
	.gnav li.gnav2{
		padding: 0 35px 0 0;
	}
	.gnav li.gnav3{
		padding: 0 30px 0 0;
	}
	.gnav li.gnav4{
		padding: 0 0 0 0;
	}
	

	/* contents */
	#contents {
		width: 600px;
	}
	
	/* footer */
	.gmap{
		width: 100%;
	}
	footer{
		text-align: center;
	}
	footer p{
		font-size: 10px;
		margin: 70px 0 30px 0;
	}
	
	
	
	
	
	/* ====================================================== */
	/* 1.home ----------------------------------------------- */
	#main_slider{
		width: 100%;
	}
	.sp-slide h2{
		position: absolute;
		top: 120px;
		font-size: 62px;
	}
	.sp-slide p{
		position: absolute;
		left: 90px;
		top: 220px;
		font-size: 18px;
	}

	/* blog */
	#home_blog{
		position: relative;
		clear: both;
	}
	#home_blog article{
		margin: 0;
	}
	#home_blog article:nth-child(2){
		float: right;
	}
	#home_blog article:nth-child(3){
		display: none;
	}
	
	

	/* about */
	#home_about{
		position: relative;
		clear: both;
		padding: 40px 0 0 0;
	}
	#home_about .midashitext{
		margin-bottom: 80px;
	}
	#home_about p{
		width: 400px;
		margin: 0 auto 3em auto;
		padding: 0;
		font-size: 15px;
	}
	#home_about #aboutus.midashilogo{
		text-align: center;
		margin:  0 auto 30px auto;
	}

	/* works */
	#home_works article{
		margin: 0 0 55px 0;
	}
	#home_works article:nth-child(3n){
		margin: 0 0 55px 0;
	}
	#home_works article:nth-child(3n+1){
		clear: none;
	}
	
	#home_works article:nth-child(odd){
		clear: both;
	}
	#home_works article:nth-child(even){
		float: right;
	}
	

	.works_jiseki{
		width: 600px;
	}
	#home_works .works_jiseki h3{
		font-size: 15px;
	}
	#home_works .works_jiseki p{
		font-size: 15px;
	}

	/* staff */
	.staff_detail{
		width: 151px;
		margin: 0 70px 42px 0;
	}
	.staff_detail:nth-child(5n){
		margin: 0 70px 42px 0;
	}
	.staff_detail:nth-child(5n+1){
		clear: none;
	}
	.staff_detail:nth-child(3n){
		margin: 0 0 42px 0;
	}
	.staff_detail:nth-child(3n+1){
		clear: both;
	}
	
	.home_co{
		width: 600px;
	}
	.home_co h3{
		font-size: 15px;
	}
	.home_co table th,
	.home_co table td{
		font-size: 15px;
	}
	.home_co table th{
		width: 155px;
	}

	/* contact */
	.contact_text p{
		font-size: 15px;
	}
	.gmap{
		margin: 0 auto;
	}
	.gmap iframe{
		width: 100%;
	}
	
	
	
	/* news ------------------------------------------------- */
	#information #contents{
		margin-top: 135px;
		width: 100%;
	}
	#entry_base{
		width: 450px;
		margin: 0 auto;
		float: none;
	}
	#entry_nav{
		float: none;
		width: 450px;
		margin: 0 auto 60px auto;
	}
	
}









/* ====================================================================== */
/* ---------------------------------------------------------------------- */
/* 600px -> 100% */
@media screen and (max-width:620px){
	
	.pcv{
		display:none;
	}
	.spv{
		display:block;
	}
	
	
	#spnav_btn{
		display: block;
		position: fixed;
		right: 15px;
		top: 15px;
		display: block;
		font-size: 25px;
		line-height: 1.2em;
		
		width: 28px;
		height: 28px;
		border: 1px solid #FFF;
		background: #fff;
		cursor: pointer;
		z-index: 9999999;
		backface-visibility: #FFF;
	}
	#spnav_btn:hover{
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
	
	/* header */
	header{
		width: 100%;
	}
	header h2{
		font-size: 18px;
		margin-top: 85px;
	}
	#header_fb{
		display: none;
	}
	
	.gnav{
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		padding: 60px 0 0 0;
		z-index: 999999;
		background: #FFF;
	}
	.gnav li{
		font-size: 16px;
		letter-spacing: 0.1em;
		float: none;
	}
	.gnav li a{
		display: block;
		background: #231815;
		color: #FFF;
		border-bottom: 1px solid #FFF;
		padding: 12px 20px;
	}
	.gnav li a:hover{
		text-decoration: underline;
	}
	.gnav li.gnav1{
		padding: 0;
	}
	.gnav li.gnav2{
		padding: 0;
	}
	.gnav li.gnav3{
		padding: 0;
	}
	.gnav li.gnav4{
		padding: 0;
	}
	.gnav li.gnav5{
		float: none;
	}
	

	/* contents */
	#contents {
		width: 100%;
	}
	
	/* footer */
	.gmap{
		width: 100%;
	}
	footer{
		text-align: center;
	}
	footer p{
		font-size: 10px;
		margin: 70px 0 30px 0;
	}
	
	
	.midashitext{
		font-size: 18px;
	}
	.midashilogo img{
		width: 80px;
	}
	
	
	/* ====================================================== */
	/* 1.home ----------------------------------------------- */
	#main_slider{
		width: 100%;
	}
	.sp-slide h2{
		display: none;
	}
	.sp-slide p{
		display: none;
	}
	
	/* blog */
	#home_blog{
		position: relative;
		clear: both;
	}
	#home_blog article{
		margin: 0 auto 40px auto;
		float: none;
	}
	#home_blog article:nth-child(2){
		float: none;
	}
	#home_blog article:nth-child(3){
		display:block;
		margin: 0 auto
	}
	
	.sp_text{
		display: block;
	}
	

	/* about */
	#home_works h3{
		font-size: 14px;
	}
	#home_about p{
		width: 86%;
		font-size: 14px;
	}
	#home_about figure{
		width: 86%;
		margin: 0 auto 45px auto;
	}

	/* works */
	#home_works article{
		margin: 0 auto 45px auto;
		float: none;
		max-width: 276px;
	}
	#home_works article:nth-child(3n){
		margin: 0 auto 45px auto;
	}
	#home_works article:nth-child(3n+1){
		margin: 0 auto 45px auto;
		clear: none;
	}
	
	#home_works article:nth-child(odd){
		margin: 0 auto 45px auto;
		clear: both;
	}
	#home_works article:nth-child(even){
		margin: 0 auto 45px auto;
		float: none;
	}
	
	

	.works_jiseki{
		width: 86%;
		margin: 0 auto;
	}
	#home_works .works_jiseki h3{
		font-size: 14px;
	}
	#home_works .works_jiseki p{
		font-size: 14px;
	}

	/* staff */
	.staff_list{
		width: 86%;
		margin: 0 auto;
	}
	.staff_detail{
		width: 33.3%;
		margin: 0 0 42px 0;
	}
	.staff_detail:nth-child(5n){
		margin: 0 0 42px 0;
	}
	.staff_detail:nth-child(5n+1){
		clear: none;
	}
	.staff_detail:nth-child(3n){
		margin: 0 0 42px 0;
	}
	.staff_detail:nth-child(3n+1){
		clear: both;
	}
	.staff_detail figure{
		width: 80%;
		margin: 0 auto 20px auto;
		text-align: center;
	}
	.staff_detail h4{
		font-size: 12px;
	}
	.staff_detail p{
		font-size: 12px;
	}
	.sd_text{
		padding: 9% 0 0 0;
	}
	
	.home_co{
		width: 86%;
		margin: 0 auto;
	}
	.home_co h3{
		font-size: 15px;
	}
	.home_co table th,
	.home_co table td{
		font-size: 13px;
		display: list-item;
		list-style: none;
		line-height: 1.8em;
	}
	.home_co table th{
		width: auto;
	}
	.home_co table td{
		margin-bottom: 2em;
	}

	/* contact */
	
	.contact_text{
		width: 86%;
		margin: 0 auto 55px auto;
	}
	.contact_text p{
		font-size: 14px;
	}
	.gmap{
		margin: 0 auto;
	}
	.gmap iframe{
		width: 100%;
		height: 320px;
	}
	
	/* information */
	#information #contents{
		margin: 60px 0 0 0;
	}
	.entry_date{
		font-size: 13px;
	}
	#entry_base{
		width: 86%;
		margin: 0 auto;
	}
	#entry_nav{
		width: 86%;
	}
	.entry_title{
		font-size: 16px;
	}
	.entry_detail p{
		font-size: 13px;
	}
}