@charset "UTF-8";
/*
Shinichi Inaba 2020 Multidevice
*/



/* Smartphone
-------------------------------------------------------------------------------*/
@media screen and (max-width:600px) {
	
	.respo {
		display: block;
	}
	
	.pc {
		display: none;
	}
	
	body {
		min-width: inherit;
	}
	
	h2 {
		margin-bottom: 3vh;
    font-size: 1.45rem;
	}
	
	h3 {
    font-size: 1rem;
	}
	
	#pagetop {
		display: none;
	}
	
	header {
		width: 15vw;
	}
	
	header img.logo {
    width: 70vw;
    height: auto;
    top: 3vh;
		margin-left: -7.5vw;
	}
	
	nav.flex {
    width: 80vh;
    height: 15vw;
	}
	
	nav li {
    width: auto;
    height: 15vw;
	}
	
	nav li a {
    height: 15vw;
    font-size: 1rem;
    line-height: 15vw;
	}
	
	.inst {
    width: 6vw;
    height: 6vw;
	}
	
	.symbol, .symbol2, .symbol3 {
		height: 80vh;
	}
	
	#instafeed {
		padding: 0 5vw;
	}
	
	#instafeed .rcnt,
	#instafeed .rcnt:nth-child(5n) {
    width: 27vw;
    height: 27vw;
    margin: 0 4.5vw 4.5vw 0;
	}
    	
	#instafeed .rcnt:nth-child(3n) {
    margin: 0 0 4.5vw 0; 
	}
	
	.insta_link {
    letter-spacing: 1px;		
	}
	
	img.exhibition {
    width: 100%;
	}
	
	.map {
    top: inherit;
		left: 50%;
    bottom: -40px;
    margin: 0;
		-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	}
	
	.workslist {
    height: auto!important;
    padding-bottom: 10vh;
	}
	
	.workslist article.item,
	.workslist article.item.tate {	
		display: inline-block;
    width: 100%!important;
    height: auto;
    position: relative!important;
    top: inherit!important;
    left: inherit!important;
    margin: 0 auto 10vh;
    padding: 0 5%;
	}
	
	.prof_box {
    width: 100%;
    left: 0;
    padding: 0 5%;
	}
	
	.mailto {
    width: auto;
    margin: 15vh 0;
    padding-left: 25px;
    background-size: auto 17px;
	}
	
	.copyright {
    width: 95%;
    line-height: 1.4;
	}

}



/* Tablet
-------------------------------------------------------------------------------*/
@media only screen and (min-width:661px) and (max-width:959px) {

	.respo {
		display: block;
	}
	
	.pc {
		display: none;
	}
	
	body {
		min-width: inherit;
	}
	
	.symbol, .symbol2, .symbol3 {
		height: 85vh;
	}
	
	#instafeed .rcnt,
	#instafeed .rcnt:nth-child(5n) {
    width: 25vw;
    height: 25vw;
    margin: 0 2.5vw 2.5vw 0;
	}
    	
	#instafeed .rcnt:nth-child(3n) {
    margin: 0 0 2.5vw 0; 
	}
	
}