@charset "utf-8";
/* CSS Document */
html {
    overflow-y: scroll;
}

body {
	width: 100%;
	color: #523f37;
	background-color: #fff;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	font-size: 15px;
	letter-spacing:0.1em;
	border-top: 3px solid #336633;
	position: relative;
}

body * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
}

a {	
	color: #1A4D9C;
	transition: all .3s;
}
a:hover {	
	color: #3C71C2;
	transition: all .3s;
}

div#wrapper {
	width: 1024px;
	margin: 0 auto;
}

/*-----------------------------------header-----------------------------------*/
#spNavi {
	display: none;
}
header {
	display: block;
	width: 980px;
	margin: 0 auto;
	height: 110px;
}
header h1 {
	display: inline-block;
	float: left;
	width: 16%;
	margin-top: 0px;
}
header h1 a:hover {
	opacity: 0.6;
}
#topNavi {
	float: right;
	width: 84%;
	color: #303d37;
	margin-top: 48px;
}
#topNavi ul {
	width: 100%;
	text-align: right;
}
#topNavi li {
	display: inline-block;
	margin-right: 10px;
}
#topNavi li:last-child {
	margin-right: 10px;
}

#utiNavi {
	float: right;
	width: 65%;
	font-size: 12px;
	position: relative;
}
#utiNavi ul {
	text-align: center;
	position: absolute;
	top: 25px;
	right: 10px;
}
#utiNavi li {
	display: inline-block;
	margin-right: 10px;
	float: left;
}
#utiNavi li:last-child {
	margin-right: 0;
}
#utiNavi a {
	color: #877a74;
	text-decoration: none;
}
#utiNavi a:hover {
	color: #009933;
	border-bottom: 1px solid #009933;
}

.list-item {
  position: relative;
  padding-left: 10px;
}
.list-item:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #336633;
}
span.sign {
	display: inline-block;
	float: right;
 	padding-top: 0px;
}



/*-----------------------------------section-----------------------------------*/

i {
	margin: 0 5px;
}
.content_wrap {
	line-height: 1.9;
}
div#contents {
	width: 980px;
	margin: 0 auto;
}
div#sidebar {
	width: 230px;
	float: right;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 0px;
	margin-top: 10px;
	margin-bottom: 40px;
	
}
div#mainContents {
	position: relative;
	width: 730px;
	float: left;
	margin: 10px 0px 60px 0px;
}

.btnTitle {
	height: 35px;
	border-bottom: 2px solid #669966;
	margin-bottom: 8px;
	padding-top: 5px;
　　padding-bottom: 5px;
	font-size: 21px;
	font-family: "source-han-serif-japanese",serif;
}
.btnTitle a {
	color: #523f37;
	text-decoration: none;
}
.btnTitle a:hover {
	color: #3C71C2;
}
.btnTitle img {
	display: block;
}
#accordion{
	list-style: none;
	line-height: 1;
	margin: 0;
	padding: 0;
}
#accordion > li{
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669966;
}
#accordion li a{
	display: block;
	position: relative;
	text-decoration: none;
	color: #523f37;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#accordion > li:first-child > a{
  border-top: 0px;
}
#accordion > li a:before {
	position: absolute;
	top: 50%;
	left: 15px;
}
#accordion li a:hover{
	color: #336633;
	background-color: #cce2cc;
}
.arrow{
	position: absolute;
	top: 50%;
	right: 16px;
	width: 12px;
	height: 12px;
	line-height: 1;
	color: #669966;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}
.arrow:before{
	content: ">";
	font-size: 12px;
	font-weight: bold;
}
#accordion li > a:hover .arrow{
	color: #669966;
}
.rotate {
	color: #669966;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
#accordion li ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#accordion li ul li a{
	position: relative;
	background: none;
	line-height: 1;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}

#accordion li ul li a:before {
	position: absolute;
	top: 50%;
	left: 15px;
	content: "・";
	font: 12px/100%;
	color: #669966;
	margin-top: -8px;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}
#accordion li ul li:first-child a{
  border-top: 0px;
}
#accordion li ul li:last-child a{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
#accordion li ul li a:hover{
	background-color: #e7f2e7;
}
#accordion span{
	line-height: 1.7;
	margin-left: 5px;
}
.bold{
	font-weight: bold;
}
#column{
	list-style: none;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}
#column > li{
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #669966;
}
#column li a{
	display: block;
	position: relative;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.btnArea li {
	margin: 10px 0;
}
.btnArea a {
	display: block;
    font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #A6CCA6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 10px 10px;
}

.btnArea a:hover {
	background-color: #669966;
}

.bannerArea {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}
.banner {
	width: 50%;
	float: left;
	line-height: 1.5;
}
.banner a {
	display: block;
	text-decoration: none;
	color: #523f37;
	height:120px;
	background: linear-gradient(#fff, #e7e5e4);
	border-width: 1px;
	border-style: dotted;
	border-color: #beb6b4;
	border-radius: 4px;
	padding: 10px 10px;
	margin: 5px 5px;
}
.banner a:hover {
	opacity: 0.6;
}
.banner img {
	width: 100px;
	float: left;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right: 10px;
}
.bannerTitle {
	font-size: 21px;
	font-family: "source-han-serif-japanese",serif;
	margin-bottom: 5px;
}

.sideBanner {
	width: 100%;
	font-size: 12px;
	line-height: 1.5;
}
.sideBanner a {
	display: block;
	height:120px;
	text-decoration: none;
	color: #523f37;
	background: linear-gradient(#FFFFFF, #f8dae1);
	border-width: 1px;
	border-style: dotted;
	border-color: #beb6b4;
	border-radius: 4px;
	padding: 10px 10px;
	margin: 5px 0px;
}
.sideBanner a:hover {
	opacity: 0.6;
}
.sideBanner img {
	width: 40%;
	float: left;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right: 10px;
}
.sideBannerTitle {
	font-size: 16px;
	font-family: "source-han-serif-japanese",serif;
	margin-bottom: 5px;
}

.breadcrumb {
  padding-left:0;
  margin-left:10px;
  margin-bottom: 5px;
}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-size: 12px;
  color: #877A74;
}

.breadcrumb li:after{/* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #877A74;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
	color: #877A74;
}

.breadcrumb li a:hover {
	color: #1A4D9C;
}
.kakiTitle {
	text-align: center;
}
.kakiTitle a {
	display: block;
	height:100%;
	border: 5px solid #EDEBEA;
	padding: 20px 10px;
	margin: 15px 0px;
}
.kakiTitle a:hover {
	border-color: #CCE2CC;
}
.kakiTitle img {
	width: 80px;
	
}
.notice {
	margin-top: 10px;
	text-align: center;
}
.notice a {
	display: block;
	height:100%;
	border: 5px solid #EDEBEA;
}
.notice a:hover {
	border-color: #CCE2CC;
}
.btn4 img {
	margin: 10px 0;
	padding: 7px;
	border: 1px dotted #877A74;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}

#ajax-wrap {
	width: 80%;
	padding: 20px ;
}
#ajax-wrap h2 {
	font-size: 21px;
	font-weight: bold;
}
.emphasis {
	color: #C83C32;
	font-weight: bold;
}

body {
  font-family: "Open Sans", sans-serif;
  line-height: 1.25;
}

table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
}
table th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
}
table th {
  font-size: .85em;
}
table thead tr{
  background-color: #eee;
}
.txt{
   text-align: left;
   font-size: .85em;
}
.price{
   text-align: right;
}




/*-----------------------------------footer-----------------------------------*/
#footer-wrapper {
	width: 100%;
	background-color: #336633;
	clear: both;
}
#footer {
	width: 100%;
	margin: 0 auto;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
}
#footer a {
	color: #a6cca6;
}
#footer a:hover {
	color: #a6cca6;
}
.footerNavi {

}

#ftNavi {
	width: 100%;
	
}
#ftNavi ul {
	text-align: center;
}
#ftNavi li {
	display: inline-block;
	margin: 10px 10px 0px 0px;
}
#ftNavi li:last-child {
	margin: 10px 0px 0px 0px;
}
#ftNavi a {
	color: #fff;
}
#ftNavi a:hover {
	color: #fff;
}

.list-item_f {
  position: relative;
  padding-left: 10px;
}
.list-item_f:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #fff;
}

p.footerLogo {
	margin-top: 10px;
	color: #a6cca6;
}
.sns_icon {
	padding: 10px 0 10px 0;
}
.sns_icon i {
	font-size: 45px;
}
p.copyright {
	display: inline-block;
	padding-bottom: 10px;
	font-size: 10px;
	color: #a6cca6;
}
/*-----------------------------------page top btn-----------------------------------*/
p.gotop{
	position: fixed;
	right: 5%;
	bottom: 0;
	margin-bottom: 3px;
}
p.gotop a{
    display: block;
}

@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

/*-----------------------------------------------------------------------------------------------
-----------------------------------------smart phone-----------------------------------------*/
@media screen and (max-width: 639px) {
   /* 表示領域が640px未満の場合に適用するスタイル */
html {
 overflow-y: scroll;
}

body {
/*	*/
	width: 100%;
	color: #523f37;
	background-color: #fff;
	font-family: Avenir,'游ゴシック','Yu Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','Roboto',sans-serif;
	font-size: 14px;
	position: relative;
}

body * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-mz-box-sizing: border-box;
}

div#wrapper {
	width: 100%;
	margin: 0 auto;
}

/*-----------------------------------header-----------------------------------*/
#spNavi {
	display: block;
	position: relative;
	right: 0;
	top: -47px;
	text-align: right;
	z-index:1;
}
#topNavi {
	display: none;
}
#utiNavi {
	display: none;
}
#right-menu {
	font-size: 12px;
}
header {
	width: 100%;
	height: 80px;
	padding: 0px 10px 0;
	text-align: center;
	z-index: 100;
}
header h1 {
	display: inline-block;
	position: relative;
	float: none;
	width: 110px;
	z-index:2;
}

/*-----------------------------------section-----------------------------------*/
.content_wrap {
	font-size: 14px;
	line-height: 1.7;
}
div#contents {
	width: 100%;
}

i {
	margin-right: 5px;
}
div#sidebar {
  	width: 96%;
	float: none;
	font-size: 14px;
	margin: 0 auto;
	margin-bottom: 30px;
}

div#mainContents {
	position: relative;
	width: 96%;
	float: none;
	margin: 0 auto;
	margin-bottom: 10px;
}

#breadcrumbs {
	display: block;
    font-size: 10px;
	color: #877A74;
	padding: 5px 10px;
	margin-bottom: 5px;
}

.banner {
	width: 100%;
	float: none;
}
.banner a {
	display: block;
	height:90px;
	background: linear-gradient(#fff, #e7e5e4);
	border-width: 1px;
	border-style: dotted;
	border-color: #beb6b4;
	border-radius: 4px;
	padding: 10px 10px;
	margin: 5px 5px;
}
.banner a:hover {
	opacity: 0.6;
}
.banner img {
	width: 70px;
	float: left;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right: 10px;
}
.bannerTitle {
	font-size: 16px;
	font-family: "source-han-serif-japanese",serif;
	margin-bottom: 5px;
}




/*-----------------------------------footer-----------------------------------*/

#footer {
	clear: both;
	width: 96%;
	margin: 0 auto;
	font-size: 11px;
	line-height: 19px;
	color: #fff;
	text-align: center;
}
#footer a {
	color: #a6cca6;
}
#footer a:hover {
	color: #a6cca6;
}
.footerNavi {

}

#ftNavi {
	width:100%;
	
}
#ftNavi ul {
	text-align: center;
}
#ftNavi li {
	display: inline-block;
	margin: 10px 10px 0px 0px;
}
#ftNavi li:last-child {
	margin: 10px 0px 0px 0px;
}
#ftNavi a {
	color: #fff;
}
#ftNavi a:hover {
	color: #fff;
}

.list-item_f {
  position: relative;
  padding-left: 10px;
}
.list-item_f:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #fff;
}

p.footerLogo {
	margin-top: 10px;
	color: #a6cca6;
}
p.copyright {
	padding-bottom: 10px;
	font-size: 10px;
	color: #a6cca6;
}


/*-----------------------------------page top btn-----------------------------------*/
p.gotop {
	position: fixed;
	right: 0;
	width: 40px;
	bottom: 0;
	margin-bottom: 3px;
}
p.gotop img {
	width: 70%;
}
p.gotop a {
    display: block;
}