/*
iPad系は、1024px 以上を設定しないと、判定されないため、1024pxに設定
＋縦向き（portrait）のときだけレスポンシブ適用（横向きの場合は、OFF）
*/

@media (max-width: 1024px){



	/* Reset */
	*{ box-sizing: border-box ;}

	/* body{ overflow-x: hidden;} */


	/*非表示*/
	.wrap-head-right{ display: none; }/* header navi */
	.sp_none{ display:none;}
	.sp_only{ display:block;}
	


	p,td,th{ font-size: 1.5rem; } 
	li { font-size: 1.5rem; } 
	li p { font-size: 1.5rem; } 
	

		

	.inner,
	.inner_wide,
	#content,
	header .inner,
	footer .inner
	{
		width:100%; 
	}


	.inner,
	.inner_wide{
		padding:0 5%;
		}


	img{ width:100%;}
	section img{ width:100%;}
		
	
	.img-auto,
	.img-auto img,
	.title img,
	.icon-w-auto img{ width:auto ;}
	
	

    
    /* サイドバー */
		#sidebar{}
	.home #sidebar{
		margin-top:0px;
		}
	
	.home  #sidebar .home_none{ display:block; }
	
	#sidebar section{
		margin-bottom:1em;
		}
	
	#sidebar .side_bnr ul{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:distribute;
		
		justify-content: flex-start;
		flex-wrap: wrap;
		justify-content: center;
		
}
	#sidebar .side_bnr ul li{
		width:49%;
		margin-right:2%;
		margin-bottom:2%;
	}
	#sidebar .side_bnr ul li:nth-child(2n){
		margin-right:0;
		}
	
	#sidebar .side_bnr ul li.sp_w_100per{ width:100%; margin-right:0;}
	.sidebar-navi h3{
		text-align:center;
		border-radius: 0px; 
		margin-bottom:0;
		padding:0.2em;
		}
	.sidebar-navi{
		border:1px solid #CCC;
		background:#F7F7F7;
		padding:5px;
		
		}
	.sidebar-navi ul{
		list-style-type:none;
		background:#FFF;
			}
	.sidebar-navi ul li{
		text-align:left;
		background:#FFF;
		padding:5px;
		
		}
	.sidebar-navi ul li a{
		display:block;
		font-size:1.7rem;
		padding:5px 5px 5px 27px; 
		background:url(images/sidebar/icon-li-side.png) no-repeat  5px 10px; 
		color:#149E3E;
		text-decoration:none;
		border-bottom:1px #149E3E dashed;
		}	

	
		
		/*サイドバー*/
		#sidebar{}
		.home #sidebar{
			margin-top:0px;

			}
		
		#sidebar section{
			 margin-bottom:1em;
			 }
		
		#sidebar .bnr p{
			margin-bottom:10px;
		
		}
		.sidebar-navi h3{
			text-align:center;
			border-radius: 0px; 
			-webkit-border-radius: 0px; 
			-moz-border-radius: 0px;
			margin-bottom:0;
			padding:0.2em;
			
			}
		.sidebar-navi{
			border:1px solid #CCC;
			background:#F7F7F7;
			padding:5px;
			
			}
		.sidebar-navi ul{
			list-style-type:none;
			background:#FFF;
			 }
		.sidebar-navi ul li{
			text-align:left;
			background:#FFF;
			padding:5px;
			
			}
		.sidebar-navi ul li a{
			display:block;
			font-size:1.7rem;
			padding:5px 5px 5px 27px; 
			background:url(images/sidebar/icon-li-side.png) no-repeat  5px 10px; 
			color:#149E3E;
			text-decoration:none;
			border-bottom:1px #149E3E dashed;
			}	
		
		
		
		/*  コンテンツ　*/
		
		#content{
      padding-top: 0;
			}
		
		
		/*パンくずリスト*/
		
		#breadcrumb{ clear:both;}
		#breadcrumb ul{}
		

    /*ナビ関連*/
		.btn_sp_navi{
			z-index: 2;
			display:block;
				position: fixed;
			right:5px;
			top:5px;
			}
		.btn_sp_navi img{
			width:50px;
		}
		.btn_sp_navi:hover{ cursor:pointer;}
		
		
		.sb-slidebar{ background:#000;
		padding:10px;
		z-index: 2;} 
		.sb-slidebar li{ border-bottom:1px solid #333;}
		.sb-slidebar li a{
			color:#CCC; padding:3px 5px; text-decoration:none;
			font-weight:bold;
			
			display:block;
			padding:12px 0;
			font-size:14px;
			}

		
		/*フッター*/
		footer{
		  padding-bottom:70px;
		  padding-left:2%; 
		  padding-right:2%; 				
	
		}
		
    /*.pagetop img{ width:auto;}*/

		footer *{}
				
		
		footer.footer{ }
		footer .site-logo_footer{
			float:none;
			width:50%;
			text-align:center;
			}
		footer .site-logo_footer p{ font-size:7vw; }
		
		
		.copyright{
			font-size:1.0rem;
			font-weight:bold;
			clear:both;
			text-align:center;
			padding:2em 0;
		
			}
			

		footer nav ul.footer-nav{
			flex-wrap: wrap;
		}
		footer nav ul.footer-nav li{
			width: 100%;
			flex-basis: 100%;
		}	

	
		.copyright a{
			text-decoration:none;
			}	
		
		
		
	  /* ページタイトル */
    .article-header{
      padding: 2.3em 1em;
      }
		.page-title{}
		.page-title h1,
		.page-title p{
			font-size: 6vw;
			text-align:center;
		}
		
		
/*		
		.title{}
		.title h2,
		.title h2,
		.entry-title,
		.entry-content h2
    {
			font-size:4.5vw;
			padding:0.3em  0.1em 0.3em 0.1em;
			font-weight:bold;
		}


		.title h2:before ,
		.title h2:before ,
		.entry-title:before ,
		.entry-content h2:before
		{
		  bottom: 0px;
		  height: 3px;
		}


		
		
		h2.img{
			text-align:center;}
		h2.img img{
			width:auto;
			}
		*/
		
		 h3,
		 .entry-content h3{
			font-size:2.0rem;
			padding:0.4em 0.2em 0.2em 0.2em;
			margin-bottom:0.7em;	
		}
				
		
		h3 a{}
		
		h3.sp_L{ text-align:left; }
		
		h4{
			font-size:1.8rem;
			}
		h4 a{ color:#333;}
		
		
		#contents .txt{ margin:0; }
		#contents .txt p{}
		
		
		
		.btn-detail{ }
		.btn-detail a{ 	min-width:auto; }
		

		.btn-detail_large{ margin:0 6px ; text-align:center;  }
		.btn-detail_large a{
				margin:0;
				display:inline-block;
				border-radius: 25px; 
				-webkit-border-radius: 25px; 
				-moz-border-radius:  25px;
				padding:10px 2em;
				color:#FFF;
				text-decoration:none;
				font-size:4.2vw;
				text-align:center;
		
		}





    /*サービスリスト*/
    .service_list{
      padding: 2%;
      width: 100%;
    }
    .service_list ul {
      flex-wrap: wrap;
      
    }
    .service_list ul li {
      width: 100%;
      padding: 0.5em;
    }
    
    

    /*　作業例　*/
    ul.list-sv-case{}
    ul.list-sv-case li{
     background-position: 0.5em 0.7em;
     padding:0.5em 0.5em 0.5em 2.2em ;
     font-size:1.8rem;
    }

    /* こんな方におすすめ　*/
    ul.list-sv-check{
      list-style-type:none !important;
      }
    ul.list-sv-check li{
     background:url( images/icon-sv-check.png) no-repeat 0.7em 0.7em;
     background-size:1.2em auto;
     padding:0.5em 0.5em 0.5em 2.2em ;
     font-size:1.8rem;
    }


    
   


    /* NEWS　（shop NEWS共用） */
		.news_list{
			/*padding:0.5em;*/
			}
		.news_list .sub{
			margin:0;
			padding:0;
			border:0;
		}
		.news_list h3{
			text-align:center;
			font-size:1.8rem;
			padding:0.2em 0em; 
			}
		.news_list table{
			margin-bottom:5px;
			width:100%;
			border:0;
			}
		.news_list table th,
		.news_list table td{
			display:block;
			font-size:1.4rem;
			vertical-align:top;
			padding:2px 5px; 
		}
		.news_list table th{  width:auto; float:left; border:0;}
		.news_list table td.cate{ width:20%; float:left; border:0;}
		.news_list table td.cate p{font-size:1.2rem; padding:0 3px; margin:0; border:0;  }
		
		.news_list table td.txt{	width:100%; clear:both; padding-bottom:10px;}
		.news_list table th p{}
		
		.news_list table th{}
		.news_list table td.txt,
		.news_list table td.txt a{}
		.news_list table td.txt a{ }
		.news_list table td.txt a:hover{ }
		
		
		.news_list table td .btn-detail{}
		.news_list table td .btn-detail a{}
		
		
		.flexslider{ margin-bottom:15px !important; }
		.slider{  margin-bottom:0em;}
		
		
		
	  /* 共通系コンテンツ */
	/*	.mg_message{
			margin-bottom:1em;
			}
		
		*/
		
		.bnr-footer{}
		.bnr-footer ul{ margin-left:-2%;} 
		.bnr-footer ul li{
			float:left;
			width:48%;
			margin-left:2%;
			margin-bottom:2%;}
		
		.bnr-footer .bnr-contact{ width:98%; }
		
		
		

    /* ブログ系 */
		#blog_list *{ }
		#blog_list{}
		
		
		#blog_list{
			margin-left:0;
			padding:1em;
			}
		#blog_list h3{
			margin-right:0;
			font-size:14px;
			height:auto;
			overflow:auto;
			
			}
		#blog_list article{
			display:block;
			width:100%;
			margin-right:1%;
			margin-bottom:15px;
			}
		
		#blog_list article .txt{}
		

		#blog_list h4{
			font-size:14px;
			height:auto;
			overflow:auto;}

		.blog_single h2{}
		.blog_single header{margin:0; }
		.blog_single .entry-content{ padding:0.5em; }
		.blog_single .entry-content p{ margin-bottom:0.2em; }
		.blog_single .entry-content img{ margin:0 0 1% 1%; width:49%;}
		
		
		.meta_dete{ text-align:right; font-size:13px; font-weight:bold; }
		

		  
    /*　ブログ一覧ページ　#blog .blog-archive  */


    .blog-archive *{ }
    .blog-archive .sub{ }


    .blog-archive .sub .pic,
    .blog-archive .sub .blog_title{ float:none; width:100%;  }


    .blog-archive .sub .pic a{ }
    .blog-archive .sub .pic img{ }
    .blog-archive .sub .blog_title{}
    .blog-archive .sub .meta_date{  }

    .blog-archive h2{}
    .blog-archive h3{}



    .blog-archive .pic p{ }
    .blog-archive .pic img{ }

    .blog-archive h4{}

    .blog-archive table{ }
    .blog-archive table th,
    .blog-archive table td{ }

    .blog-archive .btn-blog_detail{}

    .blog-archive .btn-blog_detail a{}



    /* 問合せ */
		/*  お問い合わせ用は contact.cssに記載 　*/
		
		#contact{}
		#form{}

		
		.btn-reserve{
			margin:1em;
			margin-bottom:2em;
			}
		.btn-reserve a{
			display:block;
			padding:1em 0.3em;
			text-align:center;
			color:#FFF;
			text-decoration:none;
			font-size:160%;

			box-shadow: 0px 15px 15px -10px #000;
			}
		
		.btn-reserve a:hover{
			transform: translate(0px, 5px);
			box-shadow: 0 0 0 0 ;
			background:#FF8080;
			}


		.btn-reserve a img.icon-svg{
			vertical-align:middle;
			margin:0;
			width:32px;
			}
			


		.btn-contact_sub{
			margin:1em;
			margin-bottom:2em;
			}
		.btn-contact_sub a{
			display:block;
			padding:1em 0.3em;
			text-align:center;
			color:#FFF;
			text-decoration:none;
			font-size:160%;

			box-shadow: 0px 15px 15px -10px #000;
			}
		
		.btn-contact_sub a:hover{
			transform: translate(0px, 5px);
			box-shadow: 0 0 0 0 ;
			background:#FF8080;
			}


		.btn-contact_sub a img.icon-svg{
			vertical-align:middle;
			margin:0;
			width:32px;
			}
			

		
		.btn-order{

			margin:1em;
			margin-bottom:2em;
			}
		.btn-order a{
			display:block;
			padding:1em 0.3em;
			width:100%;			
			text-align:center;
			color:#FFF;
			text-decoration:none;
			font-size:160%;

			box-shadow: 0px 15px 15px -10px #000;
			}
		
		.btn-order a:hover{
			transform: translate(0px, 5px);
			box-shadow: 0 0 0 0 ;
			background:#FF8080;
			}

	
	
	



	

}


@media only screen and (max-width:768px){
	
	
}
/* 幅414px以下から iphone plus系
------------------------------------------------------------*/
@media only screen and (max-width: 414px){


		/*会社案内 */
		#company table{}
		#company table th,
		#company table td{
			display: block;
			width: 100%;
			border-width: 0px ;
			padding: 10px;
			font-weight: normal;
		}
		

		
}



/* 幅375px以下
------------------------------------------------------------*/
@media only screen and (max-width: 375px){}


/* 幅320x以下
------------------------------------------------------------*/
@media only screen and (max-width: 320px){

		p,td,th{ font-size: 1.4rem; } 
		li { font-size: 1.4rem; }
		li p { font-size: 1.4rem; }

		header nav ul{
			 align-items: center;
		}
		header nav ul li{
			width:100%;
		}
		header nav ul li a{} 
		header nav ul li.w1{	line-height:1.1em; }
		header nav ul li.w1 span{ display:block; }
		header nav ul li.w1 a{ padding-top:4px; padding-bottom:4px;  }

    
    h1.page-title,
    p.page-title{
        font-size: 1.8rem;
		}
		
/*		h2,
		.entry-title{
			font-size:1.8rem;
			}*/
		
		.btn-detail{ }
		.btn-detail a{  font-size:1.3rem; padding:5px 15px; }
		
		
		.sb-slidebar li a{
			color:#CCC; text-decoration:none;
			font-weight:bold;
			display:block;
			padding:3px 0;
			font-size:13px;
			}
		
		
			
		footer{}
		
		.foot-sholist{
			}
		.foot-sholist dl{
			}
		.foot-sholist dl dt,
		.foot-sholist dl dd{ font-size:1.3rem;}
		.foot-sholist dl dt{}
		.foot-sholist dl dd{}
		.foot-sholist dl dd.tel{font-size:1.6rem; }
		.foot-sholist dl dd img{ vertical-align:baseline; }
	
  
/*		.home header{
			background-size:150% auto;
				
			}*/

		.head-shop-navi	ul li{
			width:49%;
			}
		.head-shop-navi	ul li a{
			font-size:3.3vw
			
		}
		


}