@charset "utf-8";

@media screen and (min-width: 1000px) {
	/* ラッパー *******/
	.wrapper {
		width: 1000px;
	}
	/* ナビ ********/
	.g_menu{
		display: none;
	}
}

/***************************************/
@media screen and (max-width: 1000px) {

	/* ラッパー *******/
	.wrapper {
		width: 100%;
	}
	/* 画像伸縮 ***********/
	img{
		max-width: 100%;
    	height: auto;
    	width:auto\9 /*ie8*/;
    }
	/* ロゴ *******/
	.title{
		margin: 0 0 0 10px;
	}
	/* ナビ ********/
	.g_nav{
		display: block;
	}
	.g_menu{
		display: none;
	}
	/* メインコンテナー ********/
	.flexslider {
		width: 98%;
	}
	/* 一段目 ご案内 *******/
	.main_one{
	background-position: 80% 80%;
	}
	/* 二段目 価格 *******/
	.main_two{
	background-position:80% 30%;
	}
	/* 三段目 地図・電話など *******/
	.main_three{
	background-position: 75% 80%;
	}
	/* 四段目・問い合わせ ******/
	.main_four{
	background-position: 85% 2%;
	}
	/* フッターリンク */
	.footer_link{
		margin: 0 0 0 20px;
	}
}
/****************************************/
@media screen and (max-width: 960px) {
	.div_price_s_one {
		margin: -260px 0 0 0;
	}
	.div_price_t {
	margin: -90px 0 0 0;
	}
}
/****************************************/
@media screen and (max-width: 760px) {
	/* 画像伸縮 ***********/
	img{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	}

	/* ラッパー *******/
	.wrapper {
		width: 100%;
		font-size: 90%;
	}
	/* ヘッダー *******/
	.header_wrapper {
		width: 100%;
		height: auto;
	}	
	/* ロゴ *******/
	.title{
		width: 23%;
		margin: 3px 0 0 15px;
	}	
	/* ナビ *******/
	.g_nav {
		width: 75%;
		float: left;
		margin: -35px 0 0 230px;
	}
	/* ナビ *******/
	.g_menu{
		display: none;
	}
	/* メインコンテナー *******/
	.flexslider {
		width: 98%;
		float: left;
		margin: 0 0 0 10px;
	}
	
	/* メイン一段目ご案内・手の画像 *******/
	.main_a h4{
		float: right;
		margin:100px -5px 0 0;
	}
	.main_a h4 img{
		width: 90%;
	}
	/*メイン一段目ご案内・説明 p *******/
	.main_a p{
		width: 40%;
	}

	/* メイン二段目価格・説明 *******/
	.main_b h3{
		width: 10%;
	}
	.div_price_p{
		width: 100%;
		margin: 40px 0 60px 0;
	}
	.div_price_s_one{
		width: 100%;
		margin: -120px 0 0 0;
	}
	.div_price_t{
		width: 100%;
		margin: 50px 0 0 0;
	}
	.div_price_jk{
		width: 100%;
		margin: -220px 0 0 0;
	}
	.div_price_br_y{
		width: 100%;
		margin: 65px 0 0 0;
	}
	.div_price_coat{
		width: 100%;
		margin: 40px 0 0 0;
	}
	.div_price_f{
		width: 100%;
		margin: 40px 0 0 0;
	}
	.div_price_etc{
		width: 100%;
		margin: 40px 0 0 0;
	}
	.div_price_change{
		width: 100%;
		margin: 40px 0 0 20px;
	}
	.div_price_change p{
		margin: -30px 0 0 260px;
	}
	/* メイン二段目価格・機械画像 aside *******/
	.aside_one{
		width: 25%;
		float: right;
		margin: 150px 25px 0 0;
	}
	.aside_two{
		width: 25%;
		float: right;
		margin: 260px 25px 0 0;
	}
	.aside_three{
		width: 25%;
		float: right;
		margin: 80px 25px 0 0;
	}
	/* メイン三段目地図・電話番号など画像 *******/
	.all_shop_div{
		width: 100%;
	}
	.shop_div {
/** 2019/7/15変更width:30%から**/
/** 2019/7/15変更margin: 0 5px 0 5px;から**/
		width: 40%;
		float: left;
		margin: 0 33%;
	padding: 0;
	}
	.shop_div dl{
		width: 30%;
		height: 100%;
	}
	#furuichi{
	margin: 75px 0 0 0;
	}
	#moriguchi{
/** 2019/7/15変更・margin: 120px 0 0 0から**/
	margin: 30px auto;
	}
	/* 一段目 ご案内 *******/
	.main_one{
	background-size:20%;
	background-position: 80% 0%;
	}
	/* 二段目 価格 *******/
	.main_two{
	background-size:20%;
	background-position:85% 30%;
	}
	/* 三段目 地図・電話など *******/
	.main_three{
	background-size:20%;
	background-position: 77% 20%;
	}
	/* 四段目・問い合わせ ******/
	.main_four{
	background-size:20%;
	background-position: 85% 10%;
	}
}

/****************************************/
@media screen and (max-width: 640px) {
		.div_price_s_one {
		width: 100%;
		margin: -50px 0 0 0;
	}
	.div_price_jk {
		width: 100%;
		margin: -180px 0 0 0;
	}
	.main_b .div_etc p {
		margin: 30px 0 0 30px;
	}
	.div_price_change p {
		margin: -10px 0 0 20px;
	}
	#moriguchi {
		margin: 100px 0 0 0;
	}
}
/****************************************/
@media screen and (max-width: 480px) {

	/* 小さい端末 ******/
	html {
		-webkit-text-size-adjust: 100%;
	}
	/* 画像伸縮 ***********/
	img{
		max-width: 100%;
    	height: auto;
    	width: auto\9; /* ie8 */
    }
	.wrapper {
		width: 100%;
	}
	.title{
		width: 50%;
		margin: 0 0 0 -10px;
	}
	/* ナビ *******/
	.g_nav{
		display: none;
	}
	.g_menu{
		display: block;
		width: auto;
		height: auto;
		float: right;
		text-align: center;
		font-size: 20px;
	}
	.g_menu li{
		width: auto;
		line-height: 3;
	}
	.g_menu li a{
		display: block;
		width: auto;
		color: #666666;
		font-size: 60%;
	}
	.g_menu li a:visited {
		 color: #666666;
 	 }
	.g_menu li a:active {
		 color: #F8C16F;
	}
	.g_menu li a:hover {
		width:auto;
		height: auto;
	 	color: #666666; 
	 	border-bottom:2px dashed #ffc0ca;
	    -webkit-transition:border-bottom 0.3s ease-in-out;
	    -moz-transition:border-bottom 0.3s ease-in-out;
	 	-ms-transition:border-bottom 0.3s ease-in-out;
		-o-transition:border-bottom 0.3s ease-in-out;
		transition:border-bottom 0.3s ease-in-out;
	}
	.g_menu ul li a{
		width:auto;
		height: 0;
		overflow: hidden; 
		padding: 0;
		-moz-transition:all 0.3s ease;
  		-webkit-transition: all 0.3s ease;
  		-o-transition: all 0.3s ease;
  		-ms-transition:all 0.3s ease;
  		transition:all 0.3s ease;
	}
	.g_menu>li:hover li a{
		width:auto;
		height: auto;
		padding: 3% 0;
	}
	

	/* スライダー *******/
	.flexslider {
		width: 110%;
		float: left;
		margin:0 0 0 -20px;
	}
	
	/* メイン一段目お直し画像 *******/
	.main_one{
		width: 100%;
		height: auto;
		float: left;
		background-image:url(../img/back_g_one.png) ;
		background-position: 70% 124%;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	.main_a h3{
		margin: 20px 0 20px 80px;
	}
	#link>h3{
		margin: 20px 0 0 20px;
	}
	.main_a h4{
		width: 70%;
		float: none;
		margin:0 auto;
		padding: 0 0 20px 0;
	}
	.main_a blockquote h4{
		padding: 0;
	}
	/* メイン一段目・説明 *******/
	.main_a p{
		width: 90%;
		margin: 0 auto;
	}
	/* サイトマップの時 *******/
	.site_map_big{
		width: 98%;
	}
	/* メイン二段目・価格 ********/
	.main_b h3{
		width: 80%;
	}
	.main_b h4{
		width: 90%;
		margin: -60px 0 0 110px;
	}
	.main_b .price_dl{
		width: 80%;
		margin: 15px 0 30px 30px;
		clear: both;
	}
	.aside_one{
		display: none;
	}
	.main_b .div_price_s_one{
		margin: 30px 0 0 0;
	}
	.aside_two{
		width: 65%;
		float: left;
		clear: both;
		margin: 0 0 35px 75px;
	}
	.main_b .div_price_jk{
		margin: 20px 0 0 0;
	}
	.aside_three{
		width: 65%;
		float: left;
		clear: both;
		margin: 0 0 35px 75px;
	}
	.main_b .div_etc h4{
		margin: -10px 0 0 20px;
	}
	.main_b .div_etc p{
		margin: -15px 0 0 50px;
	}
	.main_b .div_price_change{
		margin: 30px 0 0 0;
	}
	.main_b .div_price_change h4{
		margin: 20px 0 0 20px;
	}
	.main_b .div_price_change p{
		margin: -50px 0 0 130px;
	}
	
	/*メイン三段目・地図や電話番号 *******/
	.shop_div{
/** 2019/7/15変更・pdding:0;追加 **/
		width: 100%;
		float: none;
		clear: both;
		padding:0;
	}
	.shop_div h3{
/** 2019/7/15 width:35%より変更 **/
/** 2019/7/15 float: left;より変更 **/
		width: 40%;
		clear: both;
	}
	.shop_div .shop_dl{
/** 2019/7/15変更・float:right;から **/
/** 2019/7/15変更margin: -10px 30px 0 0 ;から **/
		width: 45%;
		float: left;
		margin: 20px 0 0 -10px;
	}
	.shop_div dt{
		width: 100%;
		float: left;
	}
	.shop_div dd{
		width: 105%;
		float: left;
	}
	.shop_dl #furuichi{
		width: 100%;
		clear: both;
		margin: 20px 0 70px -90px;
	}
	.shop_dl #senbayashi{
		width: 100%;
		clear: both;
		margin: 20px 0 70px -90px;
	}
	.shop_dl #moriguchi{
/** 2019/7/15 変更・margin: 80px 0 50px -90px;から **/
		width: 100%;
		clear: both;
		margin: 20px auto;
	}
	/* メイン四段目・お問い合わせ *******/	
	.main_d{
		width: 100%;
	}
	form{
		width: 100%;
	}
	.form_table{
		width: 90%;
	}
	.form_table th{
		width: 30%;
		height: auto;
	}
	.form_table span{
		word-break:break-all;
	}
	input{
		width: 90%;
	}
	textarea{
		width: 90%;
	}
	.submit_btn {
		width: 50%;
	}
	/* 一段目 ご案内 *******/
	.main_one{
	background-size:13%;
	background-image:url(../img/back_g_one_small_d.png) ;
	background-position: 90% 0%;
	}
	/* 二段目 価格 *******/
	.main_two{
	background-size:20%;
	background-image:url(../img/back_g_two_small_d.png) ;
	background-position:85% 13%;
	}
	/* 三段目 地図・電話など *******/
	.main_three{
	background-size:70%;
	background-image:url(../img/back_g_three_small_d.png) ;
	background-position: 80% 10%;
	}
	/* 四段目・問い合わせ ******/
	.main_four{
	background-image:url(../img/back_g_four.png) ;
	background-size:20%;
	background-position: 85% 15%;
	}
	/* フッター *************************************/
	.footer_link{
		margin: 0 auto;
	}
	footer .title{
		width: 40%;
	}
	.foot_address{

	}
	.footer_link ul{
		width: 100%;
	}
	.footer_link li{
		width: 50%;
		float: none;
	}

}