@charset "UTF-8";
/* CSS Document */

/* タイトル・パンくず調整 */
div#container {
  padding: 0; }

div#container h1.maintitle {
  padding: 0 15px 6px 15px; }

div#container p.maintitle_lead {
  padding: 0 15px 0 15px; }

div#container .topicpath {
  padding: 0 15px 15px;
  margin-bottom: 0px;}

.pc {
	display: block;
}

.pc_640 {
	display: block;
}

.sp {
	display: none;
}

.sp_640 {
	display: none;
}

div#container img {
max-width: 100%;
}

div#staticbox {
	width: 960px;	
	margin: 0 auto;
}

div#staticbox h2 {
	margin: 0;
	padding: 0;
	background: none;
	border-bottom: 0;
	margin-bottom: 20px;
}

div#staticbox .ttl {
	background:url(../img/titleb.png) repeat-x bottom;
	padding-bottom:20px;
	margin-bottom:40px;
}

div#staticbox dt { 
	font-weight:bold;
	font-size:14px;
	line-height:1.4;
	margin-bottom:10px;
}

div#staticbox dd {
	background:url(../img/b.png) repeat-x bottom;
	padding-bottom:20px;
	margin-bottom:30px
}

div#staticbox dd span.tel {
	font-family: 'Anton', sans-serif;
	font-size:40px;
	line-height:1.6;
}

div#staticbox dd span.tel.pc_640 {
	display: inline-block;
}

div#staticbox dd span.memo {
	font-size: 16px;
	padding-left: 10px;
}

div#staticbox dd.form a {
border-radius: 5px;
background-image: -moz-linear-gradient( 90deg, rgb(2,132,209) 0%, rgb(0,113,181) 77%);
background-image: -webkit-linear-gradient( 90deg, rgb(2,132,209) 0%, rgb(0,113,181) 77%);
background-image: -ms-linear-gradient( 90deg, rgb(2,132,209) 0%, rgb(0,113,181) 77%);
display:inline-block;
font-size:24px;
line-height:1;
padding:20px 40px;
color: #fff;
font-weight: bold;
text-shadow: 0.5px 0.866px 1px rgb( 0, 0, 0 );text-decoration:none;background-color:#1f0477;
}

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

.pc {
	display: none;
}

.sp {
	display: block;
}

div#container {
	min-width: auto;
}

div#staticbox {
	width: auto;
	margin: 0 10px;
}
	
div#staticbox .ttl h2 {
	margin-bottom: 10px;
}
	
div#staticbox .ttl h2 span {
	font-size: 22px;
	font-weight: bold;
}
		
	
}

@media screen and (max-width: 640px) {
	
.pc_640 {
	display: none;
}

.sp_640 {
	display: block;
}
	
div#staticbox dd span.tel.pc_640 {
	display: none;
}
	
div#staticbox dd span.tel a{
	color: #000;
	text-decoration: none;
}
	
}

@media screen and (max-width: 480px) {
	
	
div#staticbox .ttl h2 span {
	font-size: 18px;
}
	
div#staticbox dd span.memo {
	display: block;
	padding-left: 0;
}

div#staticbox dd.form {
	text-align: center;
}
	
div#staticbox dd.form a {
	margin: 0 20px;
	font-size:18px;
}
	
}


/*ブランドリスト*/

#howto .brand_list h3,
#howto .link_list h3{
	border-left: 0;
}