@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	list-style: none;
	outline : none;
}

html { font-size: 62.5%; }

body {
	font-family: "メイリオ", Meiryo, sans-serif;
	line-height: 0;
	color: #333333;
	font-size: 1.0rem !important;
	-webkit-text-size-adjust: none;
	position: relative;
	overflow-x: hidden;
	/* width: 320px; */
	margin: 0 auto;
}

a { color: #8C0000;}
img { border: none;}
input[type="checkbox"] { margin-right: 5px;}
input[type="submit"] { border-radius: 0;}

p,li,th,td,h1,h2,h3,h4,h5,dt,dd { text-align: left; line-height: 1.5; font-weight: normal;}

.mt0 { margin-top: 0 !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt13 { margin-top: 13px !important;}
.mt15 { margin-top: 15px !important;}
.mt16 { margin-top: 16px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}

.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr30 { margin-right: 30px !important;}
.mr40 { margin-right: 40px !important;}
.mr50 { margin-right: 50px !important;}

.mb0 { margin-bottom: 0 !important;}
.mb3 { margin-bottom: 3px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml30 { margin-left: 30px !important;}
.ml40 { margin-left: 40px !important;}
.ml50 { margin-left: 50px !important;}
.ml60 { margin-left: 60px !important;}
.ml70 { margin-left: 70px !important;}
.ml80 { margin-left: 80px !important;}
.ml90 { margin-left: 90px !important;}

.pa5 { padding: 5px !important;}
.pa10 { padding: 10px !important;}
.pa13 { padding: 13px !important;}

.pt0 { padding-top: 0px !important;}
.pt1 { padding-top: 1px !important;}
.pt2 { padding-top: 2px !important;}
.pt3 { padding-top: 3px !important;}
.pt4 { padding-top: 4px !important;}
.pt5 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt40 { padding-top: 40px !important;}
.pt50 { padding-top: 50px !important;}
.pt100 { padding-top: 100px !important;}

.pb0 { padding-bottom: 0px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb13 { padding-bottom: 13px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb60 { padding-bottom: 60px !important;}
.pb100 { padding-bottom: 100px !important;}
.pb200 { padding-bottom: 200px !important;}
.pb300 { padding-bottom: 300px !important;}

.fs10 { font-size: 1.0rem !important;}
.fs11 { font-size: 1.1rem !important;}
.fs12 { font-size: 1.2rem !important;}
.fs13 { font-size: 1.3rem !important;}
.fs14 { font-size: 1.4rem !important;}
.fs15 { font-size: 1.5rem !important;}
.fs16 { font-size: 1.6rem !important;}
.fs17 { font-size: 1.7rem !important;}
.fs18 { font-size: 1.8rem !important;}
.fs21 { font-size: 2.1rem !important;}
.fs24 { font-size: 2.4rem !important;}
.fs25 { font-size: 2.5rem !important;}
.fs28 { font-size: 2.8rem !important;}
.fs32 { font-size: 3.2rem !important;}

.tl { text-align: left !important;}
.tc { text-align: center !important;}
.tr { text-align: right !important;}

.vt { vertical-align: top !important;}
.vb { vertical-align: bottom !important;}
.vm { vertical-align: middle !important;}
.lh0 { line-height: 0 !important;}
.db { display: block !important;}

.fl { float: left !important;}
.fr { float: right !important;}
.fc { margin-left: auto !important; margin-right: auto !important;}
.cl { clear: both !important; float: none !important;}

.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cf { zoom: 1;}

.fn { font-weight: normal !important;}
.fb { font-weight: bold !important;}
.ws { white-space: nowrap !important;}
.db { display: block !important;}
.mincho { font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif !important;}
.disnon { display: none;}


/* ==========================================================================================
 common
========================================================================================== */

/* header */
#fv h1 {
  display: block;
  height: 37px;
  margin: 5px 10px 8px; }
#fv .fv__contact {
  cursor: pointer;
  position: fixed;
  /*スクロールしても固定*/
  border: 0px;
  top: 0;
  right: 50px;
  background: #FF7F10;
  height: 50px;
  width: 50px;
  z-index: 97;
  /*最前面にくるように数値を大きくしている*/ }
  #fv .fv__contact img {
    width: 100%;
    height: auto; }
#fv .fv__hamburger {
  cursor: pointer;
  position: fixed;
  /*スクロールしても固定*/
  border: 0px;
  top: 0;
  right: 0;
  background: #8C0000;
  height: 50px;
  width: 50px;
  z-index: 99;
  /*最前面にくるように数値を大きくしている*/ }
  #fv .fv__hamburger span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    left: 13px;
    height: 3px;
    border-radius: 2px;
    background: #fff;
    width: 24px; }
    #fv .fv__hamburger span:nth-child(1) {
      top: 14px; }
    #fv .fv__hamburger span:nth-child(2) {
      top: 23px; }
    #fv .fv__hamburger span:nth-child(3) {
      top: 32px; }
  #fv .fv__hamburger.active span:nth-child(1) {
    top: 30px;
    left: 13px;
    transform: translateY(-6px) rotate(45deg);
    width: 24px; }
  #fv .fv__hamburger.active span:nth-child(2) {
    opacity: 0; }
  #fv .fv__hamburger.active span:nth-child(3) {
    top: 18px;
    left: 13px;
    transform: translateY(6px) rotate(-45deg);
    width: 24px; }

#sp__bg {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  text-align: center;
  z-index: 98; }
  #sp__bg .nav__menu {
    padding: 40px 0 10px; }
    #sp__bg .nav__menu li {
      letter-spacing: 2px;
      margin: 0 0 8px; }
      #sp__bg .nav__menu li:nth-child(1) {
        background: url("/sp/files/img/index/icon_osusume.png") no-repeat 30px center;
        background-size: 26px; }
      #sp__bg .nav__menu li:nth-child(2) {
        background: url("/sp/files/img/index/icon_list.png") no-repeat 30px center;
        background-size: 24px; }
      #sp__bg .nav__menu li:nth-child(3) {
        background: url("/sp/files/img/index/icon_map.png") no-repeat 30px center;
        background-size: 23px; }
      #sp__bg .nav__menu li:nth-child(4) {
        background: url("/sp/files/img/index/icon_add.png") no-repeat 30px center;
        background-size: 26px; }
      #sp__bg .nav__menu li:nth-child(5) {
        background: url("/sp/files/img/index/icon_station.png") no-repeat 30px center;
        background-size: 26px; }
      #sp__bg .nav__menu li:nth-child(6) {
        background: url("/sp/files/img/index/icon_school.png") no-repeat 30px center;
        background-size: 26px; }
      #sp__bg .nav__menu li:nth-child(7) {
        background: url("/sp/files/img/index/icon_kodawari.png") no-repeat 30px center;
        background-size: 26px; }
      #sp__bg .nav__menu li:nth-child(8) {
        background: url("/sp/files/img/index/icon_contract.png") no-repeat 30px center;
        background-size: 26px; }
      #sp__bg .nav__menu li:nth-child(9) {
        background: url("/sp/files/img/index/icon_mail.png") no-repeat 30px center;
        background-size: 26px; }
      #sp__bg .nav__menu li a {
        display: block;
        color: #000;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        padding: 8px 8px 8px 65px; }
  #sp__bg .nav__menusab {
    display: flex;
    justify-content: space-between;
    margin: 0 30px;
    border-top: 1px solid #ccc;
    padding: 15px 0 0 0; }
    #sp__bg .nav__menusab li {
      width: 32%;
      text-align: center;
      font-size: 8px;
      line-height: 1.3em; }
      #sp__bg .nav__menusab li a {
        text-decoration: none;
        color: #000;
        display: block;
        padding: 36px 0 0 0; }
      #sp__bg .nav__menusab li:nth-child(1) a {
        background: url(/sp/files/img/index/icon_merit.png) no-repeat top center;
        background-size: 30px; }
      #sp__bg .nav__menusab li:nth-child(2) a {
        background: url(/sp/files/img/index/icon_column.png) no-repeat top center;
        background-size: 30px; }
      #sp__bg .nav__menusab li:nth-child(3) a {
        background: url(/sp/files/img/index/icon_home.png) no-repeat top center;
        background-size: 30px; }

/* footer */
footer {
	position: relative;
	margin-top: 40px;
	border-top: 1px solid #eee;
	}

footer .f_choei{
	text-align: center;
	margin: 20px 0;
}
footer .f_choei p{
	margin: 10px 0;
	text-align: center;
}
footer .f_choei a.fc_btn{
	display: block;
	width: 12em;
	padding: 1.3em 1em;
	margin: 0 auto;
	background: #444;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
footer .f_choei a.fc_btn span{
position: relative;
display: inline-block;
padding: 0 13px 0 0;
vertical-align: middle;
text-decoration: none;
}
footer .f_choei a.fc_btn span::before,
footer .f_choei a.fc_btn span::after{
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}
footer .f_choei a.fc_btn span::before{
right: 0px;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

footer .f_contact{
	padding: 15px 0 20px;
	border-bottom: 1px solid #eee;
}
footer .f_contact a{
	display: block;
	width: 7.5em;
	text-align: center;
	padding: 1.5em 1em;
	margin: 0 auto;
	border: 2px solid #b60c0c;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #b60c0c;
}
footer .f_contact a span{
position: relative;
display: inline-block;
padding: 0 13px 0 0;
vertical-align: middle;
text-decoration: none;
}
footer .f_contact a span::before,
footer .f_contact a span::after{
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}
footer .f_contact a span::before{
right: 0;
width: 6px;
height: 6px;
border-top: 2px solid #b60c0c;
border-right: 2px solid #b60c0c;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

footer .foot-corp {
		line-height: 0;
		text-align: center;
	}
	footer .foot-info {
		width: 300px;
		margin: 0 auto;
		padding-bottom: 15px;
		border-bottom: 1px solid #663300;
		}
		footer .foot-info li {
			margin-top: 15px;
			text-align: center;
			line-height: 0;
		}
	footer .foot-logo {
		padding: 20px 0 10px;
		text-align: center;
		line-height: 0;
	}
	footer .foot-fnav {
		/*position: relative;*/
			width: 90%;
			margin: 0 auto;
		}
	@media only screen and (max-width: 959px) {
		footer .foot-fnav {
			width: auto;
			margin: 0 10px;
		}
	}
footer .foot-fnav ul {
			display: flex;
			flex-wrap: wrap;
			/*position: relative;*/
			}
			footer .foot-fnav ul li {
				width: 50%;
				padding: 5px 0;
				}
			@media only screen and (max-width: 959px) {
				footer .foot-fnav ul li {
					width: 33%;
					padding: 5px 0;
				}
			}
			@media only screen and (max-width: 599px) {
				footer .foot-fnav ul li {
					width: 47%;
					padding: 5px 0;
				}
			}
				footer .foot-fnav ul li a {
					position: relative;
					display: inline-block;
					line-height: 1;
					text-decoration: none;
					color: #222;
					font-size: 12px;
					padding: 0 0 0 16px;
					vertical-align: middle;
					text-decoration: none;
				}
				footer .foot-fnav ul li a::before,
				footer .foot-fnav ul li a::after{
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					margin: auto;
					content: "";
					vertical-align: middle;
				}
				footer .foot-fnav ul li a::before{
					left: 3px;
					width: 4px;
					height: 4px;
					border-top: 1px solid #b60c0c;
					border-right: 1px solid #b60c0c;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
				}
footer .foot-pagetop {
		margin-top: 10px;
		line-height: 0;
		text-align: center;
	}
	footer .foot-copy {
		background: #b60c0c;
		color: #fff;
		line-height: 0;
		text-align: center;
		padding: 10px 0;
		margin-top: 20px;
	}
	footer .btt {
		position: fixed;
		right: 15px;
		bottom: 15px;
		display: none;
		}
		footer .btt a {
			display: block;
			line-height: 0;
		}
.pankuzu {
	padding: 5px 20px;
	line-height: 1.5;
	color: #8c4600;
	}
	.pankuzu a {
		color: #333333;
		text-decoration: none;
	}
.main-ttl { line-height: 0;}
.main-txt {
	text-align: center;
	padding: 10px 20px;
}

/* ==========================================================================================
 top
========================================================================================== */
.top-keyvisual {
	line-height: 0;
}
.top-sec1 {
	position: relative;
	}
	.top-sec1 .top-sec1-ttl { line-height: 0;}
	.top-sec1 .top-sec1-category {
		display: table;
		border-collapse: separate;
		border-spacing: 5px 5px;
		margin: 10px 0 5px 10px;
		}
		.top-sec1 .top-sec1-category li { display: table-cell;}
		.top-sec1 .top-sec1-category li a { display: block; line-height: 0;}
	.top-sec1 .top-sec1-list {
		position: relative;
		}
		.top-sec1 .top-sec1-list div {
			position: relative;
			margin-left: 14px;
			z-index: 2;
		}
		.top-sec1 .top-sec1-list .popo {
			position: absolute;
			right: 10px;
			top: -5px;
		}
		.top-sec1 .top-sec1-list ul {
			display: none;
			width: 288px;
			margin: 0 auto 0;
			position: relative;
			z-index: 0;
			background: #f2f8e4;
			border: 1px solid #b20101;
			}
			.top-sec1 .top-sec1-list ul li {
				padding: 0 18px;
				}
				.top-sec1 .top-sec1-list ul li a {
					display: block;
					padding: 10px 0 10px 30px;
					line-height: 1;
					color: #333333;
					text-decoration: none;
					border-bottom: 1px solid #b20101;
					background: url(../images/top/top_sec1_arr01.png) 15px center no-repeat;
					background-size: 8px 9px;
				}
				.top-sec1 .top-sec1-list ul .more a {
					border: none;
					text-align: right;
					color: #b20101;
					font-weight: bold;
					background: url(../images/top/top_sec1_arr02.png) 120px center no-repeat;
					background-size: 8px 9px;
				}
.top-sec2 {
	/*border-top: 1px dashed #b20101;
	background: #fdf5df;*/
	padding: 10px;
	margin-top: 25px;
	}
	.top-sec2 .top-sec2-inner {
		/*border: 1px solid #ccc;
		padding: 10px;
		background: #fff;*/
	}
	.top-sec2 .top-sec2-ttl {
		line-height: 0;
	}
	.top-sec2 ul {
		margin-top: 10px;
		height: 100px;
		overflow-y: auto;
		}
		.top-sec2 ul::-webkit-scrollbar { width: 10px; background: #f2f2f2;}
		.top-sec2 ul::-webkit-scrollbar:horizontal{ width: 10px; background: #f2f2f2;}
		.top-sec2 ul::-webkit-scrollbar-thumb{ background: #888888; border-radius: 0;}
		.top-sec2 ul::-webkit-scrollbar-thumb:horizontal{ background: #888888; border-radius: 0;}
		.top-sec2 ul::-webkit-scrollbar-track-piece:start{ background: #f2f2f2;}
		.top-sec2 ul::-webkit-scrollbar-track-piece:end{ background: #f2f2f2;}
		.top-sec2 ul::-webkit-scrollbar-corner{ background: transparent;}
		.top-sec2 ul li {
			display: table;
			border-bottom: 1px solid #ccc;
			/*width: 258px;*/
			}
			.top-sec2 ul li:first-child { border-top: 1px dotted #ccc;}
			.top-sec2 ul li span {
				display: table-cell;
				padding: 5px 0 5px 5px;
				vertical-align: top;
				color: #666666;
			}
			.top-sec2 ul li a {
				padding: 5px 0;
				vertical-align: top;
			}
.top-sec3 {
	/*background: #d8efed;*/
	border-bottom: 1px solid #eee;
	margin: 0 0 40px;
	padding: 0 0 40px;
	}
	.top-sec3 .top-sec3-ttl { line-height: 0;position:relative;width:320px;height:40px;}
	.top-sec3 .top-sec3-ttl img {position:absolute;top:0;left:0;}
	.top-sec3 .top-sec3-ttl a {display:block;padding:5px 10px 2px 10px;background:#FFF;border-radius:7px;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2) inset;text-decoration:none;color:#008C8C;position:absolute;top:9px;left:216px;line-height:1.5;font-size:0.7em;font-weight:bold;}
	.top-sec3 .top-slider1 {
		padding: 15px 0 15px 0;
		position: relative;
		}
		.top-sec3 .top-slider1 a {
			display: block;
			text-decoration: none;
		}
		.top-sec3 .top-slider1 .gen {
			position: absolute;
			top: 5px;
			left: 5px;
		}
		.top-sec3 .top-slider1 .top-slider1-ttl1 {
			color: #000;
			font-weight: bold;
			padding: 5px 0;
			display: block;
			min-height: 30px;
			/*border-bottom: 1px solid #ccc;*/
		}
		.top-sec3 .top-slider1 .top-slider1-ttl2 {
			color: #666;
			padding: 0;
			display: block;
			/*min-height: 30px;*/
			line-height: 1.2em;
			/*border-bottom: 1px solid #ccc;*/
		}
		.top-sec3 .top-slider1 .bx-prev {
			text-decoration: none;
			color: #333333;
			position: absolute;
			left: 5px;
			top: 60px;
			font-size: 1.5em;
		}
		.top-sec3 .top-slider1 .bx-next {
			text-decoration: none;
			color: #333333;
			position: absolute;
			right: 5px;
			top: 60px;
			font-size: 1.5em;
		}
.top-sec4 {
	position: relative;
	border-bottom: 1px solid #eee;
    margin: 0 0 40px;
	padding: 0 0 40px;
	}
	.top-sec4 .top-sec4-ttl { line-height: 0;}
	/*.top-sec4 ul {
		position: relative;
		}
		.top-sec4 ul li {
			border-bottom: 1px solid #ccc;
			padding: 15px 20px;
			line-height: 0;
			}
			.top-sec4 ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
			.top-sec4 ul li a {
				display: block;
				line-height: 0;
				width: 88px;
				margin-top: 10px;
			}
	*/
.top-sec5 {
	position: relative;
	}
	.top-sec5 .top-sec5-ttl { line-height: 0;}
	.top-sec5 p {
		padding: 15px 20px;
		background: #ebe7d8;
	}
	.top-sec5 div {
		margin-top: -5px;
		text-align: center;
		line-height: 0;
	}
	.top-sec5 table {
		width: 100%;
		margin: 10px 0 0 0;
		}
		.top-sec5 table td {
			width: 33%;
			}
		.top-sec5 table td.left {
			text-align: left;
			}
		.top-sec5 table td.center {
			text-align: center;
			}
		.top-sec5 table td.right {
			text-align: right;
			}
.top-sec6 {
	position: relative;
	border-bottom: 1px solid #eee;
    margin: 0 0 10px;
	padding: 0 0 40px;
	/*background: #e0ebd3;*/
	}
	.top-sec6 .top-sec6-ttl { line-height: 0;position:relative;width:320px;height:40px;}
	.top-sec6 .top-sec6-ttl img {position:absolute;top:0;left:0;}
	.top-sec6 .top-sec6-ttl a {display:block;padding:5px 10px 2px 10px;background:#FFF;border-radius:7px;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2) inset;text-decoration:none;color:#008C46;position:absolute;top:9px;left:216px;line-height:1.5;font-size:0.7em;font-weight:bold;}
	.top-sec6 .top-slider2 {
		padding: 15px 0 15px 0;
		position: relative;
		}
		.top-sec6 .top-slider2 a {
			display: block;
			text-decoration: none;
		}
		.top-sec6 .top-slider2 .top-slider1-ttl1 {
			color: #000;
			font-weight: bold;
			padding: 5px 0;
			display: block;
			min-height: 30px;
			/*border-bottom: 1px solid #ccc;*/
		}
		.top-sec6 .top-slider2 .top-slider1-ttl2 {
			color: #666;
			padding: 0;
			display: block;
			/*min-height: 30px;*/
			/*border-bottom: 1px solid #ccc;*/
		}
		.top-sec6 .top-slider2 .bx-prev {
			text-decoration: none;
			color: #333333;
			position: absolute;
			left: 5px;
			top: 60px;
			font-size: 1.5em;
		}
		.top-sec6 .top-slider2 .bx-next {
			text-decoration: none;
			color: #333333;
			position: absolute;
			right: 5px;
			top: 60px;
			font-size: 1.5em;
		}
.top-sec7 {
	position: relative;
	padding: 10px 25px 15px 25px;
	border-bottom: 1px solid #8cbfb9;
	}
	.top-sec7 li {
		margin-top: 5px;
		}
		.top-sec7 li a {
			color: #333333;
			text-decoration: none;
			line-height: 0;
			}
			.top-sec7 li a span {
				display: block;
				line-height: 1.5;
			}
.top-sec8 {
	position: relative;
	padding: 5px 20px 0 20px;
	}
	.top-sec8:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.top-sec8 li {
		margin-top: 15px;
		width: 135px;
		float: left;
		}
		.top-sec8 li:nth-child(odd) { margin-right: 10px;}
		.top-sec8 li a {
			color: #333333;
			text-decoration: none;
			line-height: 0;
			}
			.top-sec8 li a span {
				display: block;
				line-height: 1.2;
			}
.top-sec9 {
	padding: 50px 0 0 0;
	}
	.top-sec9 .sns-btn {
		width: 200px;
		margin:0 0 0 77px;
	}


/* ==========================================================================================
 search
========================================================================================== */
.search-area {

	}
	.search-area .green-ttl {
		background: #4a8e81;
		color: #fff;
		line-height: 1;
		padding: 10px 20px;
		font-weight: normal;
	}
	.search-area dl {
		border-top: 1px solid #b5b591;
		}
		.search-area dl dt {
			background: #f1f1e3;
			background: linear-gradient( #ffffff 0%, #f1f1e3 100%);
			background: -webkit-linear-gradient( #ffffff 0%, #f1f1e3 100%);
			font-size: 1.4rem;
			border-bottom: 1px solid #b5b591;
			}
			.search-area dl dt span {
				display: block;
				background: url(../images/room/search_arr_off.png) 95% center no-repeat;
				background-size: 12px 12px;
				border-left: 40px solid #dfdfd0;
				padding: 13px 26px 13px 13px;
			}
			.search-area dl dt.on span {
				background: url(../images/room/search_arr_on.png) 95% center no-repeat;
				background-size: 12px 12px;
			}
		.search-area dl dd {
			display: none;
			border-top: 1px dashed #aaaaaa;
			font-size: 1.4rem;
			}
			.search-area dl .box {
				padding: 8px;
				border-bottom: 1px dashed #aaaaaa;
				}
				.search-area dl .box p.route-title {
					clear: left;
					padding: 15px 0 0 8px;
				}
			.search-area dl dd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
			.search-area dl dd label {
				clear: both;
				display: block;
				padding: 8px;
				border-bottom: 1px dashed #aaaaaa;
			}
			.search-area dl dd .half-l {
				width: 143px;
				float: left;
				clear: none;
				border-right: 1px dashed #aaaaaa;
			}
			.search-area dl dd .half-r {
				width: 144px;
				float: left;
				clear: none;
			}
	.search-area .search-btn1 {
		display: block;
		line-height: 0:
		}
		.search-area .search-btn1 input {
			background: url(../images/room/btn_search.png) no-repeat;
			background-size: 320px 50px;
			width: 320px;
			height: 50px;
			text-indent: -9999em;
			border: none;
			overflow: hidden;
			border: none;
		}
	.search-area .search-keyword {
		background: #eeeeee;
		padding: 0 10px 0 10px;
		}
		.search-area .search-keyword .search-keyword-txt {
			height: 30px;
			overflow: hidden;
			}
			.search-area .search-keyword .search-keyword-txt:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
			.search-area .search-keyword .search-keyword-txt input {
				display: block;
				float: left;
			}
			.search-area .search-keyword .search-keyword-txt input[type="text"] {
				padding: 0 10px;
				height: 28px;
				line-height: 28px;
				width: 240px;
				border-radius: 0;
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
			}
			.search-area .search-keyword .search-keyword-txt input[type="submit"] {
				background: url(../images/room/btn_search_keyword.png) no-repeat;
				background-size: 30px 30px;
				width: 30px;
				height: 30px;
				text-indent: -9999em;
				border: none;
				overflow: hidden;
				border: none;
				margin-left: -1px;
			}
		.search-area .search-keyword .search-keyword-sort {
			display: table;
			border-collapse: separate;
			border-spacing: 10px 10px;
			}
			.search-area .search-keyword .search-keyword-sort div {
				display: table-cell;
				vertical-align: middle;
				white-space: nowrap;
			}
	.search-area .search-more {
		display: none;
		}
		.search-area .search-more .search-btn2 {
			display: block;
			line-height: 0:
		}
		.search-area .search-more .search-btn2 input {
			background: url(../images/room/btn_sort.png) no-repeat;
			background-size: 320px 50px;
			width: 320px;
			height: 50px;
			text-indent: -9999em;
			border: none;
			overflow: hidden;
			border: none;
		}
	.search-area .search-list {
		background: #fbfdf7;
		border-top: 1px solid #4a8e81;
		margin: 15px 0 0 0;
		}
		.search-area .search-list li {
			border-bottom: 1px solid #4a8e81;
			background: url(../images/room/search_list_arr.png) 97% center no-repeat;
			background-size: 11px 17px;
			}
			.search-area .search-list li a {
				display: block;
				line-height: 0;
				text-decoration: none;
				position: relative;
				min-height: 74px;
				padding: 5px 30px 5px 121px;
				}
				.search-area .search-list li a .thum {
					position: absolute;
					left: 10px;
					top: 4px;
					border: 1px solid #ccc;
				}
				.search-area .search-list li a strong {
					display: block;
					font-weight: bold;
					color: #4a8e81;
					line-height: 1.5;
					border-bottom: 1px solid #ccc;
					padding-bottom: 5px;
				}
				.search-area .search-list li a span {
					padding-top: 5px;
					display: block;
					color: #333;
					line-height: 1.5;
				}
				.search-area .search-list li a .gen {
					position:absolute;
					top: 5px;
					left: 11px;
				}
	.search-area .paging {
		display: table;
		margin: 0 auto;
		border-collapse: separate;
		border-spacing: 10px 10px;
		}
		.search-area .paging a {
			display: table-cell;
			padding: 5px 7px;
			line-height: 1;
			color: #333333;
			text-decoration: none;
		}
		.search-area .paging span {
			display: table-cell;
			padding: 5px 7px;
			background: #4a8e81;
			line-height: 1;
			color: #fff;
		}

/* ==========================================================================================
 detail
========================================================================================== */
.detail-area {
	position: relative;
	}
	.detail-area .diy-text {
		width: 295px;
		margin: 1rem auto 0 auto;
	}
	.detail-area .diy-text:after {
		content: "";
		display: block;
		clear: left;
	}
	.detail-area .diy-text dt {
		float: left;
		background: #333;
		color: #FFF;
		width: 90px;
		text-align: center;
		margin: 3px 10px 0 5px;
	}
	.detail-area .diy-text dd {
		float: left;
		width: 245px;
	}
	.detail-area .detail-main-txt {
		padding: 10px 20px;
		color: #4A8D80;
	}
	.detail-area .detail-ttl {
		background: url(../images/room/detail_ttl_bg.png) repeat-x;
		background-size: 1px 43px;
		height: 43px;
		line-height: 43px;
		text-align: center;
		font-size: 1.2rem;
		font-weight: bold;
		color: #4A8D80;
	}
	.detail-area .detail-sub-ttl {
		line-height: 0;
		margin-bottom: 15px;
	}
	.detail-area .detail-nav {
		display: table;
		border-collapse: separate;
		border-spacing: 10px 10px;
		width: 100%;
		}
		.detail-area .detail-nav li {
			display: table-cell;
			}
			.detail-area .detail-nav li:last-child { text-align: right;}
			.detail-area .detail-nav li a {
				text-decoration: none;
				color: #525252;
			}
	.detail-area .detail-slider {
		width: 293px;
		margin: 0 auto;
		position: relative;
		border: 1px solid #ccc;
		}
		.detail-area .detail-slider ul {
			position: relative;
			}
			.detail-area .detail-slider ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
			.detail-area .detail-slider ul li img {
				line-height: 0;
				display: block;
			}
		.detail-area .detail-slider .bx-prev {
			display: block;
			line-height: 0;
			background: url(../images/room/detail_slider_prev.png) no-repeat;
			background-size: 17px 33px;
			width: 17px;
			height: 33px;
			text-indent: -9999em;
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 90px;
		}
		.detail-area .detail-slider .bx-next {
			display: block;
			line-height: 0;
			background: url(../images/room/detail_slider_next.png) no-repeat;
			background-size: 17px 33px;
			width: 17px;
			height: 33px;
			text-indent: -9999em;
			overflow: hidden;
			position: absolute;
			right: 0;
			top: 90px;
		}
	.detail-area .detail-map {
		width: 293px;
		margin: 10px auto 0;
		line-height: 0;
		border: 1px solid #ccc;
	}
	.detail-area .detail-table1 {
		background: #cccccc;
		width: 295px;
		margin: 10px auto 0;
		}
		.detail-area .detail-table1 th {
			background: #eeeeee;
			padding: 5px 10px 5px 5px;
			width: 31%;
		}
		.detail-area .detail-table1 td {
			background: #ffffff;
			padding: 5px 10px;
			}
			.detail-area .detail-table1 td .google-btn {
				display: block;
				line-height: 0;
				float: right;
				margin-top: 5px;
			}
	.detail-area .detail-table2 {
		background: #cfbe8a;
		width: 295px;
		margin: 10px auto 0;
		}
		.detail-area .detail-table2 th {
			background: #faf7ee;
			padding: 5px 10px 5px 5px;
			width: 31%;
			color: #663300;
			}
			.detail-area .detail-table2 th .btn-detail {
				display: block;
				line-height: 0;
				margin-top: 5px;
			}
		.detail-area .detail-table2 td {
			background: #ffffff;
			padding: 5px 10px;
		}
	.detail-area .ditail-box1 {
		background: url(../images/room/detail_box1_bg.png) top no-repeat;
		background-size: 295px 142px;
		width: 295px;
		min-height: 142px;
		margin: 10px auto 0;
		position: relative;
		}
		.detail-area .ditail-box1 .ditail-box1-txt {
			width: 190px;
			height: 90px;
			overflow-y: auto;
			line-height: 1.3;
			position: absolute;
			top: 38px;
			left: 15px;
		}
		.detail-area .ditail-box1 .ditail-box1-btn {
			display: block;
			line-height: 0;
			position: absolute;
			right: 4px;
			top: 122px;
		}
		.detail-area .ditail-box1 .ditail-box1-comment {
			display: none;
			padding-top: 152px;
			}
			.detail-area .detail-box1-comment p {
				border: 1px solid #ccc;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				padding: 10px;
			}
	.detail-area .ditail-box2 {
		background: url(../images/room/detail_box2_bg.png) no-repeat;
		background-size: 295px 137px;
		width: 295px;
		height: 137px;
		margin: 10px auto 0;
		position: relative;
		}
		.detail-area .ditail-box2 p {
			width: 195px;
			height: 85px;
			overflow-y: auto;
			line-height: 1.3;
			position: absolute;
			top: 38px;
			left: 85px;
		}
	.detail-area .detail-reserve {
		width: 285px;
		margin: 0 auto 0;
		padding: 10px 0;
		}
		.detail-area .detail-reserve li {
			line-height: 0;
			margin-top: 10px;
			text-align: center;
		}
		.detail-area .detail-reserve li.center-tel {
			position: relative;
			}
			.detail-area .detail-reserve li.center-tel .center-name {
				position: absolute;
				top: 6px;
				left: 82px;
			}
			.detail-area .detail-reserve li.center-tel .center-tel {
				position: absolute;
				top: 23px;
				left: 127px;
				color: #333;
			}
	.detail-area .detail-reserve2 {
		width: 285px;
		margin: 0 auto;
		background: #FFFBF0;
		padding:0 0 10px 0;
		}
		.detail-area .detail-reserve2 li {
			width: 285px;
			padding:10px 0 0 0;
		}
	.detail-area .fee {
		width: 300px;
		margin: 10px auto 0 auto;
		}
.detail-box-up {background:url('../images/room/resi_up2.jpg') no-repeat left top;padding:35px 0 0 0;width:295px;margin:20px auto;}
.detail-box-bottom {background:url('../images/room/resi_bottom2.jpg') no-repeat left bottom;padding:0 0 17px 0}
.detail-box-center {background:url('../images/room/resi_center2.jpg') repeat-y;width:190px;padding:10px 95px 10px 10px;position:relative;}
.detail-box-center .detail-box1-btn {position:absolute;bottom:0;left:215px;}
.detail-box1-comment {display:none;}
.detail-box-up2 {background:url('../images/room/popo_up2.jpg') no-repeat left top;padding:44px 0 0 0;width:295px;margin:20px auto 0 auto;}
.detail-box-bottom2 {background:url('../images/room/popo_bottom2.jpg') no-repeat left bottom;padding:0 0 17px 0}
.detail-box-center2 {background:url('../images/room/popo_center2.jpg') repeat-y;width:190px;padding:10px 10px 10px 95px;position:relative;}
.detail-box-center2 .detail-box2-btn {position:absolute;top:-48px;left:15px;}
.popo-limit {background:#E66AA0;color:#FFF;display:inline-block;padding:0 3px;}

.privacy_sec {
    margin: 0 10px 40px; }

.privacy_sec .txt_right {
  text-align: right;
  margin: 0 0 15px; }

.privacy_sec .txt_def {
  margin: 0 0 15px; }

.privacy_sec dl dt {
  margin: 0 0 10px;
  text-decoration: underline; }

.privacy_sec dl dd {
  margin: 0 0 30px; }

.privacy_sec dl.box_list {
  border: 1px solid #ccc;
  padding: 10px; }

.privacy_sec dl.box_list dt {
  margin: 0; }

.privacy_sec dl.box_list dd {
  margin: 0 0 10px; }

.privacy_sec h2 {
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px;
  border-bottom: 2px solid #000; }

.privacy_sec h3 {
  font-size: 14px;
  margin: 0 0 10px; }

.privacy_sec ul.list_num {
  margin: 0 0 40px; }

.privacy_sec ul.list_num li {
  list-style-type: cjk-ideographic;
  list-style-position: inside;
  margin: 0 0 20px; }

.box_download {
    margin: 0 10px 40px; }

.box_download h2 {
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px;
  border-bottom: 2px solid #000; }

.box_download .btn_three {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.box_download .btn_three li {
    width: 100%;
    margin: 0 0 10px; }

.box_download .btn_three li a {
  display: block;
  background: #000;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  height: 4em;
  line-height: 4em;
  font-weight: bold; }

.box_download .btn_three li a:hover {
  background: #fff;
  color: #000; }


#cookie {background:#333;opacity:0.9;width:340px;padding:25px 20px 15px 20px;position:fixed;bottom:20px;left:20px;z-index:1000;}
#cookie p {color:#FFF;font-size:14px;margin:0 0 0.5em 0;font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
#cookie a {color:#FFF;}
#cookie input {background:#FFF;border:none;display:block;width:100%;text-align:center;padding:5px 0;font-size:16px;font-weight:bold;cursor:pointer;}
#cookie:hover {opacity:1;}
#cookie:hover input {background:#D6B452;-webkit-appearance:none;appearance:none;border-radius:0 !important;}
@media screen and (max-width: 768px) {
  #cookie {width:100%;left:0;box-sizing:border-box;bottom:0;padding:10px;}
  #cookie p {font-size:12px;}
  #cookie input {font-size:14px;padding:3px 0;-webkit-appearance:none;appearance:none;border-radius:0 !important;}
}
@media screen and (max-width: 320px) {
  #cookie p {font-size:10px;}
  #cookie input {font-size:12px;padding:3px 0;-webkit-appearance:none;appearance:none;border-radius:0 !important;}
}