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

/*-----［ サブページ共通］-----*/
h1{
	color:#FFF;
}
h2{
	color:#FFF;}

/* パンくずリスト */
.m-list-topicpath ul li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  color:#999;
}
.m-list-topicpath {
  padding-left:0;
  margin-left:0;
}
.m-list-topicpath ul li:after {/* >を表示*/
  content: '>';
  padding: 0 3px;
  color:#999;
}
.m-list-topicpath ul li:last-child:after {
  content: '';
}
.m-list-topicpath li a {
  text-decoration: none;
	color:#999;
}
.m-list-topicpath li a:hover {
  text-decoration: underline;
}
/*--［/ パンくずリスト］--*/	
.m-box-fixed{
		margin:0 auto;
}	
.m-txt-title{
	background: linear-gradient(-135deg, #0065cb, #212b9e);
	padding:10px;
	margin:2px 0;
	}	
.m-txt-subtitle{
	color:#FFF;
}			
article{
	max-width:960px;	
	margin:0 auto;
}
.contents_title{
	color:#333;
	font-size:1.8em;
    border-left: 8px solid #133890;
    margin: 20px 0;
	padding:10px;
}	
.contents_caption{
	color:#39F;
	font-size:1.6em;
}
.contents_caption_02{
	padding-left:10px;
	color:#0b308e;
	font-size:1.2em;
	border-top:#06C 2px solid;
}		
.contents_txt{
	margin:10px 0 20px 0;
	line-height:2.5em;
}		
/*-----［/ サブページ共通］-----*/


/*-----［　取り扱いメーカー　］-----*/
#case_title{
	margin: 40px 0 20px 0;
	font-size: 2em;
	text-align:center;
	color:#333;
	font-weight: bold;

}
.sale_box{
    margin: 0.4em 0;
    font-weight: bold;
	display: block;
	border: solid 1px #999;
	position: relative;
}

/*--［＞の表示］--*/
.sale_box:after {
	content: "";
	display: block;
	position: absolute;
	margin-top:-4px;
	right: 10px;
	width: 7px;
	height: 7px;
	border-top: solid 2px #7f7f7f;
	border-right: solid 2px #7f7f7f;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}	
figcaption{
	text-align:center;
	line-height:40px;
	font-size:0.8em;
}
.sale-list {
	list-style-type: none;
	overflow: hidden;
	display: table;
	table-layout: fixed;
	width: 100%;
	border-top: none;
	border-collapse: collapse;
}
/*clearfix*/
.sale-list:after {
	content: "";
	clear: both;
	display: block;
}
.sale-list li {
	float: left;
	width:19.8%;
	margin-right:2px;
	text-align: center;/*画像を中央寄せ*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
/*横幅768px以上の場合発令！＝PCの祭に適用*/
@media screen and (min-width: 768px){
	.sale-list li:nth-child(5){
		margin-right: 0;
	}
	.sale-list li:nth-child(10){
		margin-right: 0;
	}
	.sale-list li:nth-child(15){
		margin-right: 0;
	}
	.sale-list li:nth-child(20){
		margin-right: 0;
	}

	/*--［＞の位置。ＴＯＰから］--*/
	.sale_box:after {
		top: 79%;
	}	

}

/*横幅768p以下の場合発令！＝モバイルの祭に適用*/
@media screen and (max-width: 768px){
	.pc_img{
		display:none;
	}
	.m-box-fixed{
		padding:10px;
	}	
	#case_title{
		margin: 40px 0 0 0;	
	}
	.contents{
		background-color:#e5eef7;
		border-bottom:#999 dotted 1px;
	}
	.contents_caption_02{
	padding:10px;
	}
	figcaption{
		line-height:80px;
		font-size:1em;
	}
.sale-list li {
	width:49%;
}
	.sale_box{
		border: solid 1px #0b308e;	
		vertical-align:middle;
		height:80px;
		background-color:#FFF;
		margin-left:3%;
	}
	/*--［＞の位置。ＴＯＰから］--*/	
	.sale_box:after {
		top: 50%;
	}
}
/*-----［　footアイコン　］-----*/
.icon-list {
	list-style-type: none;
	overflow: hidden;
	display: table;
	table-layout: fixed;
	width: 100%;
	border-top: none;
	border-collapse: collapse;
}
/*clearfix*/
.icon-list:after {
	content: "";
	clear: both;
	display: block;
}
.icon-list li {
	float: left;
	width:19.8%;
	margin-right:2px;
	text-align: center;/*画像を中央寄せ*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.icon-list li:nth-child(5){
	margin-right: 0;
	}
.icon_box{
	padding:5px;
	background-color:#06C;
	height:90px;
}	
.icon_box figcaption{
	line-height:20px;
		font-size:1em;
		color:#FFF;
	}
/*-----［　お問い合わせはこちら　］-----*/
#to_form{
    margin: 0.4em 0;
    font-weight: bold;
	display: block;
	border: solid 1px #0b308e;
	position: relative;/* クリック範囲を要素一杯に広げる */
	z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
/*--［＞の表示］--*/
#to_form:after {
	content: "";
	display: block;
	position: absolute;
	top:45%;
	right: 25px;
	width: 21px;
	height: 21px;
	border-top: solid 2px #7f7f7f;
	border-right: solid 2px #7f7f7f;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#to_form a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
 }	
 
#to_form a:hover { /* マウスオーバー時の文字色/背景色の設定 */

 background: #e5eef7;
   filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
 }
.txt_18{
	text-align:center;
	color:#333;
	font-size:1.8em;
    margin: 20px 0;
	padding:10px;
	}
	
#to_tel{
	margin: 0.4em 0;
	padding:10px;
    font-weight: bold;
	display: block;
	border: solid 1px #0b308e;
	text-align:center;
	}
.txt_tel01{
	font-size: 1.6em;
	font-weight: bold;
	}
.txt_tel02{
	color:#39F;
	font-size:1.8em;
}

/*横幅768p以下の場合発令！＝モバイルの祭に適用*/
@media screen and (max-width: 768px){
	/*--［＞の位置。ＴＯＰから］--*/	
	#to_form:after {
		top: 40%;
		right: 10px;
		margin-top:-4px;
		width: 14px;
		height: 14px;
	}
	.icon-list li {
		float: left;
		width:19.5%;
	}
	.icon-list li:nth-child(5){
		margin-right: 0;
	}
	.icon_box{
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
   		-moz-border-radius: 10px;   /* Firefox用 */  
	}
	.icon_box figcaption{
		line-height:20px;
		font-size:1em;
		color:#FFF;
	}
}




/*staff
--------------------*/
#staff{
	margin-bottom: 40px;
}
.staff-photo{
	width: 50%;
	margin: 0 auto 20px;
}

.staff-heading{
	display: inline-block;
	width: 60%;
	padding: 8px 10px;
	margin-bottom: 10px;
	border-radius: 2em;
	background: #d8c7a0;
	color: #fff;
	font-size: 14px;
}

.staff-msg{
	background-color:#e0ecf9;
}
.box{
		border:#00F 1px solid;}
/*横幅768px以上の場合発令！＝ＰＣの祭に適用*/
@media screen and (min-width: 768px){
	#staff{
		float: left;
		width: 48.9361%;
		
		box-sizing: border-box;
	}
	.staff-photo{
		float: left;
		width: 35.7142%;
		margin-bottom: 0;
	}
	.staff-msg{
		float: right;
		width: 59.5238%;
	}
}
.full{
	margin-left: -10px;
	margin-right: -10px;
}
@media screen and (min-width:640px){
	.full{
		margin-left: 0;
		margin-right: 0;
	}
}