/*==============================================================================================

  画面の横幅が768px以上800pxまで
  
==============================================================================================*/

@media screen and (min-width: 768px) and (max-device-width: 860px) {

#wrapper { margin: 0 auto; max-width: 980px; /*width: 960px;*/width: 100%; background: #fff;padding: 0; border:none; box-shadow:none;}
.half_left {float:left; width:44%; margin-left:10px;}
.half_right{float:right;width:44%;}
.area_tabnon{display:none;}



}

/*==============================================================================================

  画面の横幅が740pxまで
  
==============================================================================================*/
img {max-width: 100%;height: auto;width: auto\9; /* ie8 */}

/*@media screen and (min-width: 641px) and (max-device-width: 768px) {*/
@media screen and (max-width: 767px) 	{
#wrapper { margin: 0 auto; max-width: 980px; width: 90%; background: #fff; padding: 0; border:none; box-shadow:none; font-size: 16px;}


	
.main { width: 100%; }
.side { width: 100%; }
.half_left {float:none; width:80%; margin-left:inherit;}
.half_right{float:none; width:80%;}
.area_sp{display:inline;}
.area_pc{display:none;}
.line_l	{ border-left:none;margin-bottom:35px; padding:0;}
.line_r	{ border-right:none;margin-bottom:0px; padding:0;}

img {max-width: 100%;height: auto;}

nav ul li {float: left;width: 50%;}

/*--------------------------------------------------------------------------------*/
/*	hタグ
/*--------------------------------------------------------------------------------*/

h3 					{ font-size: 22px;border-left:10px solid #1871B8; padding:5px 10px 5px 15px; margin:20px 0px;}
h3.t2				{ font-size: 22px;border-left:10px solid #1871B8; border-top:1px solid #1871B8;border-bottom:3px solid #1871B8; border-right:1px solid #1871B8;padding:5px 10px 5px 15px; margin:20px 0px;
						background-color:#DEDEDE;/*背景色（古いブラウザだとここの色のみが出ます）*/
						background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#cecece));	/*背景画像の読み込み,グラデーション*/
						background:-webkit-linear-gradient(#fefefe, #cecece);	/*同上*/
						background:linear-gradient(#fefefe, #cecece);			/*同上*/
						}
h3.t3				{ font-size: 22px;border-left:10px solid #1871B8; padding:5px 10px 5px 15px; margin:20px 0px; background-color:#DEDEDE;}


/*--------------------------------------------------------------------------------*/
/*	ヘッダーの右にメニュー
/*--------------------------------------------------------------------------------*/
 
 /* ヘッダーの右にメニュー */
.header1{
  margin-right: 5px;
/* background: -webkit-gradient(linear, left top, left bottom, from(#ececec),to(#fff));　
 background: linear-gradient(#ececec, #fff);
 background-size: 100% 100%;*/
 height: 55px;
 border-bottom: 1px solid #dadada;
}
 .header1 h1{
 display: block;
 height: 55px;
 width: 110px;
 line-height: 50px;
 font-weight: bold;
 margin-left: 5px;
 float: left;
 }
 .header1 h1.text1{
	font-size:11px;
	height: 30px;
	color:#666;
 width: 20%;
 line-height: 14px;
 font-weight: bold;
 margin-left: 0px;
 float: left;
 /*display:none;*/
 }
.header1 nav.head{
 float: right;
 }
.header1 nav.head li{
 float: left;
 width: 100px;

 }
.header1 nav.head li>a{
 display: block;
 height: 38px;
 width: 100px;
 color: #fff;
 line-height: 30px;
 /*background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#ececec));
 background: linear-gradient(#fff #ececec);*/
 text-align: center;
 text-decoration: none;
 border: 1px solid #dadada;
 /*margin-top: 7px;*/
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6),-1px -1px 1px rgba(255, 255, 255, 0.5);
 font-weight:bold;
 }
.header1 nav.head li:first-child>a{
 border-radius: 4px 0 0 4px;

 }
.header1 nav.head li:last-child>a{
 border-radius: 0 4px 4px 0;
 border-left: none;
 margin-right: 5px;
   border-left: 1px solid #FFF;
 }


/*--------------------------------------------------------------------------------*/
/*	リスト
/*--------------------------------------------------------------------------------*/

/* サムネイルつき矢印リスト */
.list3 ul{
 border-bottom: 1px solid #ccc;
 }
 .list3 ul li{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-top: 1px solid #ccc;
 height: 70px;
 margin: 0px;
 }
 .list3 ul li a{
 background: url(list_mark1.png) no-repeat 100% 50%;
 color: #666;
 display: block;
 height: 70px;
 margin: 0;
 padding: 0 20px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }
 .list3 ul li img{
 float: left;
 height: 70px;
 width: 70px;
 margin-right: 10px;
 }
 .list3 ul li a strong{
 color: #000;
 display: block;
 font-weight: bold;
 padding-top: 17px;
 }
 



}
/*END　　　@media screen and (max-width: 740px) */



/*==============================================================================================

  	画面の横幅が640pxまで

==============================================================================================*/

img {max-width: 100%;height: auto;width: auto\9; /* ie8 */}

@media screen and (max-width: 640px) {
/*@media screen and (max-width: 480px) {*/
body { font-size: 13px; width:100%;-webkit-text-size-adjust: 100%;word-break: break-all;}
#wrapper{ margin: 2px auto; width: 100%; background: #fff; padding:0;font-size: 16px;}


#dropmenu{ display:none;}
.half_left {float:none; width:100%; margin-left:inherit;}
.half_right{float:none; width:100%;}
.area_sp{display:inline;}
.area_pc{display:none;}
.line_l	{ border-left:none;margin-bottom:35px; padding:0;}
.line_r	{ border-right:none;margin-bottom:0px; padding:0;}

img {max-width: 100%;height: auto;}

nav ul li {float: left;width: 50%;}

.tel{font-size: 28px; font-weight:bold; padding:10px;}

/*--------------------------------------------------------------------------------*/
/*	hタグ
/*--------------------------------------------------------------------------------*/
h1 	{ font-size: 30px; line-height: 75px; padding: 10px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
}
h2 { font-size: 140%; padding: 8px; }
h3 					{ font-size: 18px;border-left:10px solid #1871B8; padding:5px 10px 5px 15px; margin:0;}
h3.t2				{ font-size: 18px;border-left:0px solid #1871B8; border-top:10px solid #1871B8;border-bottom:1px solid #1871B8; border-right:0px solid #1871B8;padding:5px 10px 5px 15px; margin:20px 0px;
						background-color:#DEDEDE;/*背景色（古いブラウザだとここの色のみが出ます）*/
						background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#cecece));	/*背景画像の読み込み,グラデーション*/
						background:-webkit-linear-gradient(#fefefe, #cecece);	/*同上*/
						background:linear-gradient(#fefefe, #cecece);			/*同上*/
						}
h3.t3				{ font-size: 18px;border-left:10px solid #1871B8; padding:5px 10px 5px 15px; margin:20px 0px; background-color:#DEDEDE;}

/*--------------------------------------------------------------------------------*/
/*	ヘッダーの右にメニュー
/*--------------------------------------------------------------------------------*/

/* ヘッダーの右にメニュー */
.header1{
margin-right: 5px;
/* background: -webkit-gradient(linear, left top, left bottom, from(#ececec),to(#fff));　
 background: linear-gradient(#ececec, #fff);
 background-size: 100% 100%;*/
 height: 55px;
 border-bottom: 1px solid #dadada;
}
 .header1 h1{
 display: block;
 height: 55px;
 width: 110px;
 line-height: 50px;
 font-weight: bold;
 margin-left: 5px;
 float: left;
 }
 .header1 h1.text1{
/*	font-size:11.5px;
	height: 30px;
	color:#666;
 width: 170px;
 line-height: 16px;
 font-weight: bold;
 margin-left: 0px;
 float: left;*/
 display:none;
 }
.header1 nav.head{
 float: right;
 }
.header1 nav.head li{
 float: left;
 width: 80px;
 
 }
.header1 nav.head li>a{
 display: block;
 height: 38px;
 width: 80px;
 color: #fff;
 line-height: 30px;
 /*background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#ececec));
 background: linear-gradient(#fff #ececec);*/
 text-align: center;
 text-decoration: none;
 border: 1px solid #dadada;
 /*margin-top: 7px;*/
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6),-1px -1px 1px rgba(255, 255, 255, 0.5);
 font-weight:bold;
 }
.header1 nav.head li:first-child>a{
 border-radius: 4px 0 0 4px;

 }
.header1 nav.head li:last-child>a{
 border-radius: 0 4px 4px 0;
 border-left: none;
 margin-right: 5px;
   border-left: 1px solid #FFF;
 }

/*--------------------------------------------------------------------------------*/
/*	リスト
/*--------------------------------------------------------------------------------*/

/* サムネイルつき矢印リスト */
.list3 ul{
 border-bottom: 1px solid #ccc;
 }
 .list3 ul li{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-top: 1px solid #ccc;
 height: 70px;
 margin: 0px;
 }
 .list3 ul li a{
 background: url(list_mark1.png) no-repeat 100% 50%;
 color: #666;
 display: block;
 height: 70px;
 margin: 0;
 padding: 0 20px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }
 .list3 ul li img{
 float: left;
 height: 70px;
 width: 70px;
 margin-right: 10px;
 }
 .list3 ul li a strong{
 color: #000;
 display: block;
 font-weight: bold;
 padding-top: 17px;
 }
 



}
/*END　　@media screen and (max-width: 640px)*/