/*タブレット用レスポンシブ*/
@media (max-width: 1100px){

	.body {
		font-size:12px; 
	}

	.tab {
		display: block;
	}

	/*headerエリア*/
	#header .left, #header .right ul>a{
		display: none;
	}

	/*aboutエリア*/
	.intro1 {
	    padding-left: 5%;
	}
	.about h2{
	   font-size: 20px;
	}
	.article {
	    width: 100%; 
	}
	#wheat {
    width: 95%;
	}
    
    /*menuエリア*/
    .menu-wrap {
    width: 100%;
    margin: 30px auto;
	}
	.menu-wrap div{
    width: 25%;
	}	
	.menu-wrap img{
		width: 100%
	}	
	.pc-br {
		display: none;
	}

	#modaal h2{
		font-size: 20px;
		width: 260px;
	}

}






/*スマホ用レスポンシブ*/
@media (max-width: 670px){
	
	/*headerエリア*/
	#header {
    padding: 5px 10px;
	}
 
	.logo img {
    width: 40%;
    padding-bottom: 0; 
	}


	/*共通*/
	.ashirai {
		width: 180px;
	}
	
	h1	{
		font-size: 20px
	}
	.midashi {
    top: 62px;
	}

	.midashi-menu {
    top: 88px;
    }

	/*infoエリア*/
	.info_content {
    width: 90%;
 	}
 	.info_content ul {
    padding: 20px 0;
	}	

	/*aboutエリア*/
	.a-wrapper {
    flex-direction: column-reverse;
    margin: 30px 0;
	}
	.intro {
    width: 85%;
    padding-bottom: 0;
	}
	#wheat {
		position: static;
	}
	.about h2{
		margin:10% auto;
	}
	.intro {
    padding-left: 0;
	}

	/*menuエリア*/
	.menu-wrap{
		   flex-direction: column;
	}
	.menu-wrap div {
    width: 80%;
    margin: 0 auto 20px auto;
	}
	#hosoku {
		display: block;
		margin: 0 auto;
		text-align: left;
		width: 90%
	}

	/*footer*/
	footer img {
    width: 100px;
	}
	.right li {
    margin-left: 10px;
    font-size: 1em;
	}

	a[href^="tel:"]{
	color: #3c84ad;
	}

	#top-img {
	margin-top: calc(8.7% + 10px);
	}

}





/*TELについてのアクション*/
@media(min-width: 670px){
	a[href^="tel:"]{
		pointer-events: none;
		}

}




@media(min-width: 1100px){
	.openbtn {
		display: none;
		}