@charset "utf-8";


.sub_top_img {
	background-image: url(../../common/img/pic_main_price.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 28.5%;	/*画像縦横比を保つための値*/
	position: relative;	/*画像上テキストの位置指定用*/
}

.addr_box{
	padding: 1%;
    margin: 2em 0;
    font-weight: bold;
    color:#1C2C5A;/*文字色*/
    background: #FFF;
	width: 40%;
	text-align: center;
	float: left;
}

.select_box{
	display: inline-block;
}

.addr{
	width: 140px;
	height: 30px;
	font-size: 17px;
	margin: 5px 0;
}



#calcbtn a {
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    border: 5px solid #0085B2;
    text-decoration: none;
    display: block;
    width: 70%;
    background-color: #0085B2;
    margin-right: auto;
    margin-left: auto;
    line-height: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
	max-width: 500px;
	margin-top: 10px;
	cursor: pointer;
}

#calcbtn a:hover {
    color: #0085B2;
    background-color: #FFF;
    border-top-color: #0085B2;
    border-right-color: #0085B2;
    border-bottom-color: #0085B2;
    border-left-color: #0085B2;
}

a.scroll_point {
	margin-top: -140px;
	padding-top: 140px;
	display: block;
}

/*
グーグルマップ
-------------------------------------------*/

.g_map_base {
	background-color: #FFF;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	
}

.g_map {
position: relative;
padding-bottom: 30%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.g_map iframe,
.g_map object,
.g_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


#priceblock{
	width: 94%;
	border: 4px solid #1C2C5A;
	border-radius: 10px;
	padding: 1%;
	margin: 25px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}


.priceblockIn{
	overflow: hidden;
	margin: 10px 0;
	

}
.block{
	color:#1C2C5A;
	font-weight: bold;
	margin: 0 5px;
	width: 100%
}

.block p{
	line-height: 4em;
	text-align: right;
	display: inline;
	margin: 0;
	padding: 0;
}

.block input{
	background: none repeat scroll 0 0 #E0E0E1;
    border: 0 none;
    border-radius: 3px;
    height: 50px;
    margin: 0 10px 0 18px;
    width: 100px;
    padding: 0 0 0 0;
    font-size: 17px;
    text-align: right;
    padding-right: 1em;
    line-height: 50px;
}
.cap{
	margin: 0 0 0 0;
	padding: 0;
	font-size: 93%;
	line-height: 1.7em;
}
/***/



/* 電話番号一覧 */
#telBlock {
	border: 4px solid #1C2C5A;
	padding: 1%;
	margin: 0 5%;
	border-radius: 10px;
  }
  
  #telBlock .cf{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  }
  
  #telBlock .cf .east{
	color:rgb(17, 25, 135);
	font-size: 40px;
	font-family: "Arial";
	letter-spacing : -1px;   /* 文字間隔 */
}

  #telBlock .cf .east a{
	color:rgb(17, 25, 135);
	text-decoration: none;
	font-size: 40px;
	font-family: "Arial";
	letter-spacing : -1px;   /* 文字間隔 */
	transform   : scale(13.5, 20.5);   /* 変形 横,縦 */
}

  #telBlock .cf .west{
	color:#000000;
	font-size: 40px;
	font-family: "Arial";
	letter-spacing : -1px;   /* 文字間隔 */
}

  #telBlock .cf .west a{
	color:#000000;
	text-decoration: none;
	font-size: 40px;
	font-family: "Arial";
	letter-spacing : -1px;   /* 文字間隔 */
	transform   : scale(13.5, 20.5);   /* 変形 横,縦 */
}

  .telbox {
	width: 320px;
	margin: 4px;
	text-align: left;
  }
  
  .telbox>.curled-box {
	border-radius: 50%;
	height: 36px;
	width: 36px;
	border:#1c2c5a solid 2px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
  }
  
  .telbox>.curled-box.-hokkaido {
	background-color: #6CA2D6;
  }
  .telbox>.curled-box.-tokyo {
	background-color: #009EBD;
  }
  .telbox>.curled-box.-coolcargo {
	background-color: #0062A7;
  }
  .telbox>.curled-box.-kanagawa {
	background-color: #EC66A2;
  }
  .telbox>.curled-box.-nagoya {
	background-color: #4EC0EE;
  }
  .telbox>.curled-box.-kyoto {
	background-color: #A9524F;
  }
  .telbox>.curled-box.-osaka {
	background-color: #A87395;
  }
  .telbox>.curled-box.-kobe {
	background-color: #B9DA62;
  }
  .telbox>.curled-box.-hiroshima {
	background-color: #AA61A4;
  }
  .telbox>.curled-box.-fukuoka {
	background-color: #666464;
  }
  
  .telbox>.telArea {
	font-size: 12px;
	color: #1D2C5A;
	margin-bottom: 2px;
	font-weight: bold;
	letter-spacing: 0.5px;
  }
  
  .telbox>.telArea.-coolcargo {
	letter-spacing: 0px;
  }
  
  .telbox>.telNo {
	font-size: 20px;
	font-weight: bold;
	transform: scale(1, 1.05);
	letter-spacing: 1px;
  }
  
  .telbox>.telNo.-hokkaido a{
	color: #6CA2D6;
	text-decoration: none;
  } 
  .telbox>.telNo.-tokyo a{
	color: #009EBD;
	text-decoration: none;
  }
  .telbox>.telNo.-coolcargo a{
	color: #0062A7;
	text-decoration: none;
  }
  .telbox>.telNo.-kanagawa a{
	color: #EC66A2;
	text-decoration: none;
  }
  .telbox>.telNo.-nagoya a{
	color: #4EC0EE;
	text-decoration: none;
  }
  .telbox>.telNo.-kyoto a{
	color: #A9524F;
	text-decoration: none;
  }
  .telbox>.telNo.-osaka a{
	color: #A87395;
	text-decoration: none;
  }
  .telbox>.telNo.-kobe a{
	color: #B9DA62;
	text-decoration: none;
  }
  .telbox>.telNo.-hiroshima a{
	color: #AA61A4;
	text-decoration: none;
  }
  .telbox>.telNo.-fukuoka a{
	color: #666464;
	text-decoration: none;
  }

/*検証のCSS*/
  table {
	margin: auto;
	/*width: 500px;*/
   }
	
   th,td {
	border: none;
	padding: 5px;
   }
	
 



@media screen and (min-width:1200px){



}
/*(/1200～)*/


@media screen and (max-width:960px){

	#priceblock{
		width: 90%;
	}

	table {
		width: 88%;
		margin: auto;
	}
	th,td {
		display: block;
		text-align: left;
		width: 100%;		
	}

	.addr_box{
		padding: 1%;
		margin: 2em 0;
		font-weight: bold;
		color:#1C2C5A;
		background: #FFF;
		width: 100%;
		text-align: center;
	}
	
	.select_box{
		display: inline-block;
	}
	
	.addr{
		width: 100%;
		height: 30px;
		font-size: 17px;
		margin: 5px 0;
	}


}
/*(/～960)*/


/*iPad対応*/

@media screen and (max-width:780px){
	a.scroll_point {
		margin-top: -50px;
		padding-top: 50px;
		display: block;
	}


}
/*(/～780)*/


@media screen and (max-width:736px){



	
}

/*(～736)*/


@media screen and (min-width:641px){


}

/*(641～)*/


@media screen and (max-width:640px){

}

/*(/～640)*/


@media (max-width: 600px) {

}


@media screen and (max-width:460px){


}

/*(/～460)*/