@charset "utf-8";
@media only screen and (min-width: 0) and (max-width: 960px) {

    #about #content,
    #contact #content {
        width: 100%;
    }

    #about .top {
        margin-bottom: 40px;
    }

    #about .top img {
        width: 100%;
    }

    #about .description p {
        font-size: 12px;
        letter-spacing:0;
        text-align: left;
    }

	#about .description p:nth-of-type(2) {
	/*
		margin: 20px 0 30px 0;
	*/
		display: none;
	}


	#about .member {
        margin: 20px 0 0 0;
    }

    #about .member {
        font-size: 12px;
        letter-spacing: 0;
    }

    #about .member p {
        float: none;
        width: 100%;
    }

    #about .member li {
        margin: 0 0 10px 0;
    }

    #about .member p:first-of-type {
        text-align: left;
		font-weight: bold;
    }

    #about .member p:nth-of-type(2) {
        margin-left: 0;
    }

    #about .akinsta {
        height: 630px;
    }

    #contact h3 {
        margin: 20px 0 40px 0;
    }

    #contact .top {
        margin-bottom: 40px;
    }

    #contact .top img {
        width: 95%;
    }

    #contact .description {
        margin: 0 0 60px 0;
    }

    #contact .description p {
        font-size: 12px;
        letter-spacing: 0;
        text-align: left;
    }

    #contact .mail {
        margin: 0 0 60px 0;
    }

    #contact .mail img {
        width: 95%;
    }

    #contact .wpcf7 {
        width: 100%;
    }

    #contact input[type="text"], #contact input[type="email"], #contact textarea {
        width: 98%;
    }

    #contact textarea {
        height: 200px;
    }

    #contact input[type="submit"] {
        width: 101%;
        margin: 10px 0 0 0;
    }

	p.com_name {
		margin: 20px 0 20px;
	}
	p.com_name  img {
		width: 180px;
	}
	p.com_ceo {
		margin-bottom: 10px;
	}
	p.com_url {
		margin-bottom: 30px;
	}
	h3.com_title{
		margin-top: 40px;
	}
	h3.staff {
		margin-top: 30px;
	}
	#about .sp_margin {
		/*
		margin: 0 15px;
		*/
		margin: 0;
		padding-bottom: 30px;
	}
	ul.member {
		padding: 0 15px;
	}
	#about .description {
		padding-left: 15px;
		padding-right: 15px;
	}
	p.com_url {
		margin-bottom: 0;
	}
	#about .akinsta {
		margin-top: 0;
	}
	
	
	/* 2018/5/30 for an additional page "atelier" */
	
	#atelier #content {
		width: 100%!important;
	}
	#atelier .top {
		/* width: 100%; */
	}
	#atelier img {
		width: 100%;
		margin-bottom: 20px;
	}
	#atelier .captiontext {
		font-size: 12px;
	 	letter-spacing: 0;
		line-height: 200%;
		text-align: left;
		word-wrap: break-word;
		margin-bottom: 20px;
		/*
		padding: 0 15px;
		*/
	}
	#atelier .captiontext.en {
		margin-bottom: 30px;
		word-wrap: normal;
	}
	#atelier .location .wrap {
		width: 100%;
    	display: block;
    	height: auto;
		padding-bottom: 30px;
	}
	#atelier .location h3 {
		font-size: 16px;
	}
	#atelier .location .wrap p:first-child { /* 2018/6/21 */
		width: auto;
		height: auto;
	}
	#map0 {
		/* width: calc(100% - 30px)!important; */ /* 2018/6/21 */
		height: calc(100vw - 30px)!important;
		margin: 0 auto 30px;
	}
	#atelier .location .wrap .shoptext {
	    margin: 0;
		padding: 0 15px;
	}
	#atelier .location .wrap .shoptext p,
	#atelier .location .wrap .shoptext div {
		font-size: 13px;
	}
	#atelier .location .wrap .shoptext .shopname {
		margin-bottom: 10px;
	}

	/* youtube movie on atelier page 2018/8/24 */
	#atelier .movie iframe { 
		width: 100%;
		height: 56.25vw;
	}

	
}