@charset "utf-8";

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row {
  width: 1000px;
  max-width: 100%;
  min-width: 1000px;
  margin: 0 auto;
  background: #ddd;
  overflow: hidden;
}

.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -1.2%;
}

.cols {
  float: left;
  min-height: 1px;
  padding: 0 1.2%;
  position: relative;
  background: #fff;
}

[class*="cols"] + [class*="cols"]:last-child { float: right; }
[class*="cols"] + [class*="cols"].end { float: left; }

.row .one { width: 8.33%; }
.row .two { width: 16.66%; }
.row .three { width: 25%; }
.row .four { width: 33.33%; }
.row .five { width: 41.66%; }
.row .six { width: 50%; }
.row .seven { width: 58.33%; }
.row .eight { width: 66.66%; }
.row .nine { width: 75%; }
.row .ten { width: 83.33%; }
.row .eleven { width: 91.66%; }
.row .twelve { width: 100%; }

.lt-ie8 .row { min-width: 1140px; }
.lt-ie8 .row .one { width: 5.886%; } /* 8.33 - (1.2 x 2) - 0.5/1140 ... 2.4439 */
.lt-ie8 .row .two { width: 14.2161%; }
.lt-ie8 .row .three { width: 22.5561%; }
.lt-ie8 .row .four { width: 30.8861%; }
.lt-ie8 .row .five { width: 39.2161%; }
.lt-ie8 .row .six { width: 47.5561%; }
.lt-ie8 .row .seven { width: 55.8861%; }
.lt-ie8 .row .eight { width: 64.2161%; }
.lt-ie8 .row .nine { width: 72.5561%; }
.lt-ie8 .row .ten { width: 80.8861%; }
.lt-ie8 .row .eleven { width: 89.2161%; }
.lt-ie8 .row .twelve { width: 100%; }

@media screen and (max-width:1000px){
  .cols {
    float: none;
    width: auto !important;
    height: 100%;
  }
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  [class*="cols"] + [class*="cols"]:last-child { float: none; }
  [class*="cols"] + [class*="cols"].end { float: none; }
  
  #header,#content,#main{
	  width:100%;
  }
  
  #main{
	  position:relative;
	  width:720px;
	  left:50%;
	  margin-left:-355px;
  }
  
  
/* ヘッダー
------------------------------------------- */ 
  .body_contents{
	background:url(../img/bg_head_sp.jpg) no-repeat;
	background-position:center top;
  }
 
  #header ul{
	  margin:50px 0 10px 0;
  }
  
  #header ul li{
	  float:right;
	  padding-right:10px;
  }
  
  #header ul li a img{
	margin:22px 0 0 5px;
  }
  
  #header_contents{
	  max-width:100%;
  }
  
  #header_contents h1{
	float:none;
	margin:0;
	padding-top:0.5em;
	text-align:center;
  }
  
  #header_contents h1 img{
	  max-width:90%;
	  height:auto;
  }

  #header_contents ul{
	  float:none;
	  max-width:310px;
	  margin:0 auto 1em auto;
  }
  
  #header_contents ul li{
	  padding-right:0px;
  }
  
  #header_contents ul li a img{
	  margin:22px 0 0 5px;
  }
  
  
/* コンテンツ
------------------------------------------- */  
  .mainImage{
	  max-width: 100%;
	  height: auto;
  }
  
  #main ul.ul_half,
  #main ul.ul_full{
	  padding-left:2%;
  }
  
  #main ul.ul_half li{
	  width:50%;
	  margin:0;
	  text-align:center;
  }
  
  #main ul.ul_full li{
	  width:100%;
	  margin:0;
	  text-align:center;
  }
  
  #main ul.ul_full li img{
	  max-width: 100%;
	  height: auto;
	  padding:0 2% 0 0;
  }
  
  #main ul.ul_half li img{
	  max-width: 100%;
	  height: auto;
	  padding:0 4% 0 0;
  }
  
  #main .box_access{
	  width:96%;
	  margin:0 2% 0 2%;
  }

  #main .box_access h2{
	  float:left;
	  width:10%;
	  margin:0;
	  padding:2%;
	  text-align:center;
  }
  
  #main .box_access img{
	  max-width: 100%;
	  height: auto;
	  padding:0 1%;
  }

  #main .box_access .box_access_inner{
	float:right;
	width:90%;
	padding:2%;
	background:#DEDCD5;
  }
  
  #main .btn_googlemap{
	text-align:right;
	padding:0;
  }
  
  #main .btn_googlemap img{
	  padding:0;
  }
  
  
/* 中ページ
------------------------------------------- */ 
#main .h2_ttl{
	max-width:97%;
	height:auto;
	padding-left:1%!important;
}

#main ul.ul_ph{
	width:100%;
	padding-left:2%;
}

#main ul.ul_ph li{
	margin:0 2% 1.2em 0;
}

#main ul.ul_ph .mt2_control{
	margin-top:0em!important;
}

#main .h2_ttl{
	margin:0 1% 1em 1%;
	padding:0;
}

#main .h2_ttl img{
	max-width:100%;
	height:auto;
}


#main .h2_line{
	margin:0 20px 1em 0;
	background-size:100% 20px;
	font-size:1.4em;
}

#main .table_history{
	margin:0 2% 1em 2%;
}

.aisatu{
	font-size:1.0em!important;
}

#main .kakomi01{
	margin:0 2% 1em 2%;
}


/* ナビ
------------------------------------------- */  
  #navi{
	  /*float:left;*/
	  position:relative;
	  width:100%;
	  min-height:0em;
	  margin:0;
	  padding:0;
	  background:none;
  }
  
  #navi ul li{
	margin:0;
	padding:0;
  }
  
  #navi ul li a{
	padding:0.8em;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	display:block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #492C29), color-stop(0.00, #322321));
	background: -webkit-linear-gradient(top, #322321 0%, #492C29 100%);
	background: -moz-linear-gradient(top, #322321 0%, #492C29 100%);
	background: -o-linear-gradient(top, #322321 0%, #492C29 100%);
	background: -ms-linear-gradient(top, #322321 0%, #492C29 100%);
	background: linear-gradient(top, #322321 0%, #492C29 100%);
	border-bottom:1px solid #FFF;
  }
  
  #navi ul li a:hover{
	color:#FFFFCC;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6C423E), color-stop(0.00, #322321));
	background: -webkit-linear-gradient(top, #322321 0%, #6C423E 100%);
	background: -moz-linear-gradient(top, #322321 0%, #6C423E 100%);
	background: -o-linear-gradient(top, #322321 0%, #6C423E 100%);
	background: -ms-linear-gradient(top, #322321 0%, #6C423E 100%);
	background: linear-gradient(top, #322321 0%, #6C423E 100%);
  }
  
  
/* フッター
------------------------------------------- */  
  #footer_inner{
	width:96%;
  }
  
  #footer_inner img{
	max-width:30%;
	height:auto;
  }
  
  

}

@media screen and (max-width:700px){
  #main{
	  position:relative;
	  width:100%;
	  left:0;
	  margin-left:0;
  }
  
  #main ul.ul_ph{
	padding-left:1%;
  }
  
  #main ul.ul_ph li{
	width:31%;
	margin:0 1% 1.2em 1%;
  }
  
  #main ul.ul_ph li p{
	  font-size:1.4em!important;
	  line-height:0.95em!important;
  }
  
  #main ul.ul_ph li .ph_one{
	  width:30%!important;
  }
  
  #main ul.ul_ph .break{
	clear:both;
  }
  
  #main p{
	margin:0 1% 1.5em 1%;
  }
  
  #main ul.ul_ph .mt2_control{
	margin-top:0em!important;
  }

}