body{
	font-family:メイリオ,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
#wrapper{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
h1{
}
h2{
	border-left:#f00 solid 10px;
	border-bottom:#000 solid 1px;
	width:97%;
	padding-left:20px;
	font-size:26px;
	margin:0 0 4% 0;
}
.header{
	background-color:#192a3f;
}

.headtoptxt{
	font-size: 12px;
	color:#fff;
	padding: 0 0 1%;
}
.header_inner .header_logo{
	width: 100%;
	margin: 5px 0;
	font-size: 44px;
	display: block;
	font-weight:bold;
	color:#fff;
}
.header_inner .header_logo a:link{
	color:#fff;
}
.header_inner .header_logo a:visited{
	color:#fff;
}

.header span{
	display: block;
	font-size: 12px;
	margin: 10px 0;
}
.header .header_inner {
	padding: 1%;
	max-width: 1200px;
	margin: 0 auto;
}


.vusual{
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	background-repeat: repeat-x;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#eee;
}
.vusual img{
	width: 100%;
	height: 100%;
}
.vusual_detale{
	text-align: center;
	width: 1200px;
}
.vusual_detale ::placeholder{
	width: 50%;
	height:28px;
	color: #B7B7B7;
}
.textline {
	border: 4px solid #2e75b6;  /* 枠線 */
	border-radius: 0.67em;   /* 角丸 */
	padding: 0.5em;          /* 内側の余白量 */
	background-color: snow;  /* 背景色 */
	width: 20em;             /* 横幅 */
	height: 120px;           /* 高さ */
	font-size: 1em;          /* 文字サイズ */
	line-height: 1.2;        /* 行の高さ */
}
.vusual_detale h1{
	font-size: 46px; //最大値
}
.vusual_detale p{
	margin-top: 1%;
	line-height: 150%;
	font-size: 12px;
}
.vusual_detale form{

}
.vusual_textarea{
	margin: 50px 0;
}
.vusual_detale [type="text"]{
	width: 80%;
	height:40px;
	color: #000;
	font-size:20px;
	margin: 0 0 1% 0;
}
.btn001{
	width: 50%;
	padding:7px 2%;
	margin: 10px 0 0 0;
	background-color: #2E75B6;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	border-radius:15px;
	cursor: pointer;
	cursor: hand;
}
.btn001 a:hover{/* マウスオーバー時に色変更*/
	opacity: 1;
	border-radius:15px;
	color: #ddd;
}

.bread-list{
	margin: 1% 0 3% 1%;
	font-size: 12px;
}

.btn002{
	position: relative;
	width: 30%;
	background-color: #2E75B6;
	margin: 5% auto;
	padding:2%;
	text-align:center;
	border-radius:15px;
}
.btn002 a{
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding-top:14px;
}
.btn002 a:hover{/* マウスオーバー時に色変更*/
	opacity: 1;
	border-radius:15px;
	color: #ddd;

}




.content_inner{
	display: flex;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.bana01{
	width: 98%;
	margin: 0 auto;
	padding:1%;
}
.newinfobox{
	width:1200px;
	margin: 0 auto;
}
iframe{
	width:100%;
	height:450px;
}
table.ichi{
	width:100%;
	border-collapse: collapse;
	margin:5px 0;
}
.ichi th{
	padding: 5px;
	border-right: 1px solid #fff;
	font-weight: normal;
	font-size:12px;
	color: #fff;
	text-align: center;
	background-color: #bbb;
}
.ichi td{
	padding: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #b4b4b4;
	font-size:13px;
}
.content{
	width: 100%;
	margin: 0 auto;
}
.content_bottom{
	padding:2%;
	margin: 3% 0 0;

	text-align: center;
	font-size:20px;
	background: #eee;
}
.content_serch{
	width: 100%;
	margin: 30px 0 80px;
}
.content_serch h2{
	margin-bottom: 20px;
}
.content_serch p{
	font-size:12px;
	line-height: 130%;
}
.content_checkbox{
	padding:5%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin-bottom: 20px;
	line-height: 200%; 
}
.content_bottom h3{
	margin-bottom: 20px;
	text-align: center;
}
.content_bottom_links{
	line-height: 200%;
	font-size:16px;
}
.footer{
	padding: 1%;
	text-align: center;
	margin: 0px;
	font-size: 14px;
}
.credit{
  margin: 20px;
  text-align: center;
  font-size:14px;
}

.panda{
	width: 100%;
	margin: 1% 0;
}

/* 検索結果テーブル */

table.layout1{
	width:100%;
	border-collapse: collapse;
	margin:20px 0;
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.layout1 th{
	padding: 10px;
	border-right: 1px solid #fff;
	font-weight: normal;
	color: #fff;
	text-align: center;
	background-color: #bbb;
	font-size:14px;
}
.layout1 td{
	padding: 10px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #b4b4b4;
	font-size:14px;
}

/* 詳細ページ */

.ads-pc-responsive{
	
	margin: 0 auto 40px;
}
.detail3box{
	width:100%;
}
.detail-1{
	float:left;
	width:68%;
	margin-right:2%;
}
.detail-1--pc{
  display: block;
}
.detail-1--sp{
  display: none;
}
.detail-2{
	float:left;
	width:30%;
}
.detail-3{
	float:left;
	width:16%;
	margin-left:2%;
}
.detail-3--pc{
  display: block;
}
.detail-3--sp{
  display: none;
}
table.layout-detail{
	width:100%;
	border-collapse: collapse;
	margin:0;
	border-top: 1px solid #b4b4b4;
}
.layout-detail th{
	padding: 12px;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	color: #000;
	text-align: left;
	background-color: #ddd;
	font-size:15px;
}
.layout-detail td{
	padding: 12px;
	border-bottom: 1px solid #b4b4b4;
	font-size:17px;
}
/* 詳細ページ地図周りのテーブル */
table.san-two{
	border-collapse: collapse;
	margin:10px auto;
	width: 95%;
}
.san-two th{
}
.san-two td{
	font-size:14px;
	line-height: 150%;
	letter-spacing:1px;
}
.archive{
	font-size:12px;
	line-height:150%;
}

.linkbox{
	padding: 4%;
	margin:3% 0;
	background-color: #fff;
	line-height:150%;
	display: flex;
	flex-wrap: wrap;
}
.link1{
	width: 30.7%;
	padding: 1%;
	font-size:1em;
	border: 1px solid #fff;
	background-color: #6536f42b;
	text-align: center;
}

/* ==
　検索PC
=============================================================================== */
table.ken{
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #B4B4B4;
	margin: 10px 15px 10px 10px;
	color: #000000;
}
.ken th{
	padding: 10px;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	background-color: #eee;
}
.ken td{
	padding: 10px;
	border-bottom: 1px solid #B4B4B4;
	line-height: 150%;
}
.inputboxstyle{
	width: 95%;
	border:0;
	padding:10px;
	
	font-family:Arial, sans-serif;
	color:#000;
	border:solid 1px #ccc;
	margin:0 0 4px;
}
.btxt{
	font-size:12px;
	line-height:150%;
	margin:0 0 15px 0;
}



/* ==
　　月別検索　PC
=============================================================================== */
.lastyear {
    padding-left: 18px;
    border-bottom: 1px dotted #CCCCCC;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 20px;
    width: 90%;
    vertical-align: middle;
    background-position: 1px;
}









@media screen and (min-width: 960px){
/* 地域 */
.area-box{
  width: 1000px;
  margin: 0 auto;
}
.inner-box {
  border-left: solid 1px #ccc;
  border-top: solid 1px #ccc;
  box-sizing: border-box;
}


.flex{
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom:1%;
  margin-bottom: 1%;
}
.cel {
  width: calc(100% / 10 - 0.100px);
  height: 40px;
  display: table;
}
.cel > span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.gray{
  background-color: #eee;
}
	}
























@media screen and (max-width: 560px){
/* 表紙 */

.headtoptxt{
	font-size: 12px;
	color:#fff;
	line-height:150%;
}
.content_inner{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	// 中央寄せ
	justify-content: center;
	align-items: center;
	max-width: 90%;
	width: 90%;
	margin: 0 auto;
}
.bana01{
	width: 92%;
	margin: 0 auto;
	padding:1%;
}
.newinfobox{
	width:100%;
	margin: 0 auto;
}
iframe{
	width:100%;
	height:600px;
}

/* スマホ縦 */
.pc-style{
	display: none;
}
.sp-style{
	display: block;
}
#wrapper{
	border:none;
	max-width: 96%;
	width: 100%;
	margin: 0 auto;
}
.header span{
	display: inline-block;
	padding-top: 2px;
	font-size:13px;
}
.header_inner{
	text-align: center;
	
}
.header_inner .header_logo{
	float: none;
	width: 96%;
	margin: 0 auto;
	font-size: 38px;
	display: block;
	font-weight:bold;
}

h2{
	border-left:none;
	border-bottom:#000 solid 1px;
	width:100%;
	font-size:24px;
	padding:0;
	margin:0 0 3% 0;
}
.bread-list{
	margin: 1% 0 5% 0;
}
.vusual_detale{
	text-align: center;
	width: 96%;
}
.vusual{
  width: 100%;
}
.vusual_detale form{

}
.vusual_textarea{
	margin: 30px 0;
}
.vusual_detale [type="text"]{
	width: 90%;
	height:28px;
	color: #111;
	margin-bottom: 20px;
	font-size:20px;
}
.btn001{
	width: 80%;
	padding:7px 2%;
	background-color: #2E75B6;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	border-radius:15px;
	cursor: pointer;
	cursor: hand;
}
.btn001 a:hover{/* マウスオーバー時に色変更*/
	opacity: 1;
	border-radius:15px;
	color: #ddd;

}
.vusual_detale h1{
  font-size: calc(30px + ((1vw - 5.6px)*4.545));
}
.content{
  width: 98%;
  margin: 0 auto;
}


.btn002{
	position: relative;
	width: 60%;
	height: 30px;
	background-color: #2E75B6;
	margin: 5% auto;
	padding:2%;
	text-align:center;
	border-radius:15px;
}
.btn002 a{
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding-top:14px;
}
.btn002 a:hover{/* マウスオーバー時に色変更*/
	opacity: 1;
	border-radius:15px;
	color: #ddd;

}



.content_inner{
  max-width: 100%;
  margin: 0 auto;
}
.content_inner_bana{
  display: block;
}
.content_inner_bana div:nth-child(2){
  margin: 15px 0 0 0;
}
.content_serch{
  width: 100%;
  margin: 30px 0 80px;
}
.content_serch h2{
  margin-bottom: 20px;
}
.content_serch p{
  line-height: 130%;
}
.content_checkbox{
  padding:5%;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  margin-bottom: 20px;
  line-height: 200%; 
}
.content_bottom{
  padding:3%;
  border-top: 1px solid #000;
  border-bottom:1px solid #000;
  text-align: center;
}
.content_bottom h3{
  margin-bottom: 20px;
  text-align: center;
}
.content_bottom_links{
  line-height: 200%;
  font-size:12px;
}
.footer{
  padding: 1%;
  font-size: 10px;
  text-align: center;
  margin-bottom: 20px; 
}
.credit{
	text-align: center;
	font-size:10px;
}

/* 詳細ページ */

.ads-pc-responsive{
	display: none;
}
.detail3box{
  width:100%;
  margin: 0 auto;
}
.detail-1{
  width: 96%;
  margin:0 auto 2%;
  display: block;
  float: none; 
}
.detail-1--pc{
  display: none;
}
.detail-1--sp{
  display: block;
}
.detail-2{
	float:none;
  width:96%;
  margin: 0 auto;
}
.detail-3{
  width: 94%;
  margin:0 auto 2%;
  display: block;
  float: none; 
}
.detail-3--pc{
  display: none;
}
.detail-3--sp{
  display: block;
}
.adsbox1{
	width:90%;
}
/* 地域 */
.area-box{
  width: 100%;
  margin: 0 auto;
}

.inner-box {
  border-left: solid 1px #ccc;
  border-top: solid 1px #ccc;
  box-sizing: border-box;
}
.flex{
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom:1%;
  margin-bottom: 1%;
}
.cel {
  width: calc(100% / 3 - 0.100px);
  height: 40px;
  display: table;
}
.cel > span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.gray{
  background-color: #eee;
}


/* ==
　検索
=============================================================================== */
table.ken{
	border-collapse: collapse;
	width: 98%;
	border-top: 1px solid #B4B4B4;
	margin: 1%;
	color: #000000;
}
.ken th{
	padding:4px;
	border-bottom: 1px solid #ffffff;
	font-weight: normal;
	font-size: 14px;
	background-color: #CEE6E6;
}
.ken td{
	padding:4px;
	border-bottom: 1px solid #B4B4B4;
	font-size:16px;
	line-height: 150%;
}
.inputboxstyle{
	width: 90%;
	border:0;
	padding:10px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	margin:0;
}



		}





@media screen and (max-width: 960px){
/* タブレット縦　スマホ横 */


}



/* 共通記述 */

.clear{
	content:"";
	display:block;
	clear:both;
}
.ggmap {
	position: relative;
	padding-bottom: 86.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* －－－－－－－－－－－－－－－－－－－－－－－
          br制御
－－－－－－－－－－－－－－－－－－－－－－ */

@media screen and (min-width: 768px){
.br-sp {
	display: none;
}
}


/* －－－－－－－－－－－－－－－－－－－－－－－
          文字サイズ調整
－－－－－－－－－－－－－－－－－－－－－－ */
.txt08{
	font-size:8px;
}
.txt10{
	font-size:10px;
}
.txt12{
	font-size:12px;
}








/* －－－－－－－－－－－－－－－－－－－－－－－
          検索のセレクトボックス
－－－－－－－－－－－－－－－－－－－－－－ */
select {
	border :1px solid #ccc;
	font-size :16px;
	padding:5px;
}
