@charset   "UTF-8";

/* ---  �ｽe�ｽﾚ細ペ�ｽ[�ｽW�ｽp --- */

/* --- header�ｽ�ｽ --- */

/* �ｽ^�ｽC�ｽg�ｽ�ｽ */

#kouji-header{
	width: 100%;
}
#kouji-header h1{
	margin: 0 0 15px;
	padding: 20px;
	letter-spacing: 3px;
}
#kouji-header h1.bl1{
	background: #f5fafa;
	color: #2f5e5e;
	border-bottom: 5px #2f5e5e solid;
}

/* �ｽX�ｽ}�ｽt�ｽH�ｽp�ｽH�ｽ�ｽ�ｽp�ｽi�ｽr */

#sp-nav{
	display: none;
}

/* ------------------------------- */

/* �ｽH�ｽ�ｽ�ｽ�ｽ�ｽC�ｽ�ｽ�ｽG�ｽ�ｽ�ｽA */

#kouji-main h2{
	font-size: 130%;
}
#kouji-main h2.gb{
	/* �ｽN�ｽ�ｽ�ｽX�ｽﾅ包ｿｽ�ｽ�ｽ�ｽF�ｽﾏゑｿｽ */
	color: #20886f;
}



/* -- �ｽ�ｽ�ｽi�ｽ@(�ｽ鞫懶ｿｽE�ｽ�ｽ�ｽi) -- */

ul.kouji, ul.kouji2{
	width: 665px;
	border-top: 1px #999 solid;
	padding: 0;
	margin: 0 3px 25px;
}
ul.gr-1{
	 /* #9cc#6c9 #00bf60 */
	border-left: 6px #7dd7aa solid;
	line-height: 1.35em;
}
ul.kouji li{
	 /* �ｽﾅ定幅�ｽp */
	display: inline-block;
	margin: 0;
}
ul.kouji li.img{
	 /* �ｽ鞫懶ｿｽG�ｽ�ｽ�ｽA */
	width: 43%;
	max-width: 275px;
	vertical-align: top;
	padding: 15px 5px 0;
}
ul.kouji li.con{
	 /* �ｽ�ｽ�ｽi�ｽG�ｽ�ｽ�ｽA */
	width: 56%;
	max-width: 370px;
}
ul.kouji li.con,
ul.kouji2 li.con{
	padding-top: 5px;
}

ul.kouji2 li{
	 /* �ｽﾂ変包ｿｽ�ｽp */
	float: left;
	margin: 0;
}
ul.kouji2 li.img{
	vertical-align: top;
	padding: 5px 15px 0 5px;
}
ul.kouji2 li.con{
	max-width: 350px;
}

/* ------------------ */

ul.kouji li dl, ul.kouji2 li dl,
dd.siyou ul{
	margin: 0;
	padding: 0;
}
ul.kouji li dt, ul.kouji2 li dt{
	font-size: 125%;
	margin-bottom: 5px;
}
ul.kouji li dt{
	line-height: 1.5em;
}
ul.kouji2 li dt, ul.kouji3 li dt.point1{
	line-height: 1.25em;
	color: #47c787;
	font-weight: bold;
}
ul.kouji li dt.simp,
ul.kouji2 li dt.simp{
	font-size: 115%;
	color: #333;
	font-weight: bold;
}
ul.kouji li dd, 
ul.kouji2 li dt, ul.kouji2 li dd{
	margin-left: 0;
}
ul.kouji li dd.last,
ul.kouji2 li dd.last{
	padding-bottom: 7px;
}


dd.price-r{
	text-align: right;
	font-size: 115%;
	font-weight: bold;
}
dd.price-r span,
dd.price-r span span{
	/* color: #00bf60; */
	color: #47c787;
}
dd.price-r span{
	padding-left: 15px;
	font-size: 150%;
}
dd.price-r span span{
	padding-left: 0;
	font-size: 65%;
}
dd.siyou-t{
	border-top: 1px #ccc dotted;
	margin-top: 10px;
	padding: 5px 0 0 5px;
	line-height: 1.5em;
}
dd.siyou, dd.siyou2{
	margin-left: 0;
	padding: 0;
}
dd.siyou ul li{
	display: block;
	width: 95%;
	margin-left: 15px;
}
dd.siyou2 ul{
	padding-left: 5px;
}
ul.kouji3 dd.siyou2 li{
	margin-bottom: 5px;
	font-size: 100%;
	line-height: 1.25em;
}
dd.siyou li.bikou,
dd.siyou li.bikou-f,
dd.bikou, dd.bikou-f{
	font-size: 90%;
	line-height: 1.25em;
}
dd.siyou li.siyou-b,
dd.bikou-f{
	padding-bottom: 2px;
}
dd.siyou li.bikou-f,
dd.bikou-f{
	 /* �ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ */
	margin-top: 3px;
	padding-top: 3px;
	border-top: 1px #ccc dotted;
}

li dl ul.ex{
	margin: 10px 0;
}
li dl ul.ex li{
	margin-bottom: 10px;
}
li dl ul.ex li.r1{
	font-size: 115%;
	text-align: right;
}


li.tel-bnr{
	 /* �ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽﾏゑｿｽ */
	width: 99%;
	text-align: right;
}
li.tel-bnr img{
	margin: 5px 0;
}

li.psh{
	 /* �ｽ蝠ｶ�ｽ�ｽ�ｽR�ｽ�ｽ�ｽ�ｽ�ｽg */
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}
li.bk0{
	color: #ff8811;
	/* color: #47c787; */
}
ul.kouji li.bk1, ul.kouji2 li.bk1,
ul.kouji3 li.bk1{
	 /* �ｽw�ｽi�ｽF�ｽ�ｽ�ｽ�ｽ */
	margin: 15px auto;
	padding: 8px;
	line-height: 1.25em;
	color: #fff;
	background: #ff8811;
}


/* �ｽH�ｽ�ｽ2�ｽ�ｽ^�ｽC�ｽv */

ul.kouji3, ul.kouji3 li{
	width: 100%;
	margin: 0;
	padding: 0;
}
ul.kouji3 li{
	margin-bottom: 15px;
}
ul.kouji3 li dl{
	float: left;
	width: 307px;
	margin: 0;
	padding: 5px;
}
ul.kouji3 li dl.first,
ul.kouji3 li dl.first2{
	margin-right: 35px;
}
ul.gr-2 li dl{
	 /* �ｽg�ｽ�ｽ */
	border-top: 6px #7dd7aa solid;
	border-left: 1px #999 solid;
}
ul.kouji3 li dt,
ul.kouji3 li dd.img{
	margin-bottom: 3px;
	text-align: center;
	line-height: 1.5em;
}
ul.kouji3 li dt, ul.kouji3 li dt.pro-f{
	 /* �ｽH�ｽ�ｽ�ｽ^�ｽC�ｽg�ｽ�ｽ */
	font-size: 125%;
	font-weight: bold;
	color: #20886f;
}
ul.kouji3 li dt.pro-f{
	 /* �ｽH�ｽ�ｽ�ｽ^�ｽC�ｽg�ｽ�ｽ */
	border-top: 6px #7dd7aa solid;
	padding-top: 7px;
}
ul.kouji3 li dd{
	margin: 0 0 0 7px;
}
ul.kouji3 li dd.siyou, ul.kouji3 li dd.pro{
	padding-top: 5px;
	border-top: 1px #ccc dotted;
}
ul.kouji3 li dd.siyou2{
	padding-top: 5px;
}
ul.kouji3 li dd.siyou li,
ul.kouji3 li dd.siyou2{
	margin-bottom: 3px;
}
ul.kouji3 li dd ul.rei{
	margin: 10px 0;
	padding: 0;
}
ul.kouji3 li dd ul.rei li{
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 115%;
}

	



/* -------------------- */

ul.comm2{
	 /* �ｽﾍゑｿｽ�ｽg�ｽE�ｽ�ｽ�ｽﾓ擾ｿｽ�ｽ�ｽ�ｽﾈゑｿｽ */
	margin: 0 0 15px;
	padding : 8px 10px;
	border: 2px #20886f solid;
}
ul.comm2 li{
	 
	margin: 0 0 3px;
	padding: 0;
}


/* -------------------------------- */

/* �ｽ�ｽ�ｽ�ｽ齬暦ｿｽ\�ｽp */

#itiran table.tb1{
	border-collapse: collapse;
	margin-bottom: 15px;
}
#itiran table.tb1 th, #itiran table.tb1 td{
	border: 1px #666 solid;
}
#itiran table.tb1 th{
	text-align: center;
}
#itiran table.tb1 td{
	background-color: #fff;
}
#itiran table.cl1 td{
	text-align: center;
}
#itiran table.cl2 td{
	text-align: right;
}
#itiran caption{
	text-align: left;
	line-height: 1.5em;
	font-weight: bold;
}

 /* -------------------------------- */

/* �ｽp�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽi�ｽr */
#pannav{
	letter-spacing: 1px;
	text-align: right;
}
#pannav ul, #pannav ul li{
	margin: 0;
	padding: 0;
	font-size: 13px;
}
#pannav ul li{
	display: inline-block;	
}
#pannav ul li a{
	background : url(bg_pannav.gif) 100% 0.4em / auto auto no-repeat scroll padding-box border-box transparent;
	margin: 0;
	padding: 0 0.75em 0 0.35em;	
}
#pannav ul li.pan-last a{
	background: none;
	padding-right: 0;
}

/* ------------------------------- */

.pnav a:link{
	color: #666;text-decoration: none;
}
.pnav a:visited{
	color: #666;
}
.pnav a:hover{
	color: #0c0;
}

/* ------------------------------- */








/* ===============
  �ｽ�ｽ�ｽX�ｽ|�ｽ�ｽ�ｽV�ｽu�ｽ�ｽ�ｽﾝ抵ｿｽ
================= */
@media screen and (max-width: 568px) {

div#title-page{
	width: 100%;
	}
#pannav{
	display: none;
	}
#kouji-header{
	margin: 0 0 15px;
	padding: 0;
	}

/* �ｽX�ｽ}�ｽt�ｽH�ｽp�ｽH�ｽ�ｽ�ｽp�ｽi�ｽr */

#sp-nav{
	display: block;
	width: 100%;
	margin: 0; 
	padding: 0;
	background: #2f5e5e;
	}
#sp-nav p{
	width: 100%;
	height: 70px;
	background: #2f5e5e;
	color: #fff;
	margin: 0;
	padding: 0 0 5px;
	text-align: center;
	font-size: 115%;
	}
#sp-nav a{
	display: block;
	width: 100%;
	color: #fff;
	text-decoration: none;
	}
#sp-nav p a{
	display: block;
	}

/* --------------------------------- */

#kouji-header h1{
	font-size: 150%;
	line-height: 1.25em;
	text-align:center;
	}
#kouji-header h1{
	margin: 0;
	/* padding-top: 15px; */
	padding: 8px;
	}
#kouji-header h1.bl1{
	background: #fff;
	}
#kouji-main h2,
ul.kouji{
	margin: 0;
	padding: 0;
	}
#kouji-main h2{
	padding-bottom: 8px;
	padding-left: 5px;
	line-height: 1.5em;
	}
#kouji-main h2,
ul.kouji, ul.kouji li, 
ul.kouji dl, ul.kouji dt,
ul.kouji dd, dd.siyou ul li,
dd.siyou2 ul li,
ul.kouji2, ul.kouji2 li{
	width: 98%;
	max-width: 98%;
	}
ul.kouji2 li dl{
	width: 100%;
	max-width: 100%;
	}
ul.gr-1{
	border-left: none;
	}
ul.kouji li{
	display: block;
	}
ul.kouji2 li{
	float: none;
	}
ul.kouji li.img,
ul.kouji li.con{
	max-width: 100%;
	min-width: 100%;
	}
ul.kouji li.img,
ul.kouji2 li.img,
ul.kouji li dd.tel-bnr,
ul.kouji2 li dd.tel-bnr{
	width: 100%;
	text-align: center;
	}
ul.kouji li.img{
	padding: 0;
	padding-top: 10px;
	}
ul.kouji li.con{
	padding-left: 5px;
	}
ul.kouji li, ul.kouji2 li,
ul.kouji2 li dl,
ul.kouji3 li.comm{
	width: 98%;
	max-width: 98%;
	min-width: 98%;
	margin-left: 8px;
	}
ul.kouji3 li.comm{
	/* �ｽ�ｽ�ｽi�ｽG�ｽ�ｽ�ｽA�ｽ�ｽ�ｽE�ｽ�ｽ�ｽ�ｽ */
	text-align: left;
	}
.tel-link{
	width: 100%;
	/* height: 70px; */
	padding: auto;
	font-size: 200%;
	line-height: 2em;
	}


/* �ｽH�ｽ�ｽ2�ｽ�ｽ^�ｽC�ｽv */

ul.kouji3 li{
	margin-bottom: 0;
	text-align: center;
	}
ul.kouji3 li dl{
	float: none;
	width: 96%;
	margin-bottom: 5px;
	text-align: left;
	}
ul.kouji3 li dl dd{
	margin-left: 0;
	padding-left: 5px;
	}
ul.gr-2 li dl.first,
ul.gr-2 li dl.first2{
	margin-right: 0;
	}
ul.gr-2 li dl{
	 /* �ｽg�ｽ�ｽ */
	border-bottom: 2px #999 solid;
	border-left: none;
	border-top: none;
	}
ul.gr-2 li dl.first{
	border-top: 6px #7dd7aa solid;
	}
ul.gr-2 li dl.first2{
	 /* �ｽg�ｽ�ｽ */
	border-top: 2px #999 solid;
	}
ul.kouji3 li dd li{
	text-align: left;
	}
ul.kouji3 li.tel-bnr img{
	margin: 15px 0;
	}

ul.kouji li.bk1, ul.kouji2 li.bk1,
ul.kouji3 li.bk1{
	width: 97%;
	}

li dl ul.ex{
	padding-left: 20px;
	}

/*------ �ｽ�ｽ�ｽ�ｽ齬暦ｿｽ\ ------ */

#itiran table{
	overflow: auto;
	}






}



@media screen and (max-width: 375px) {

.tel-bnr img{
	width: 99%;
	height: auto;
	margin: 15px 0;
	}

}