@charset "utf-8";
/* CSS Document */

/*共通部分*/
body {
	font-size: 14px;
	color: #000;
	line-height: 1.4;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 auto;
}

.font_s {
	font-size: 80%;
}

#wrap {
	background: url(../img/common/under_back.jpg);
	background-size: contain;
}

.color01 {
	color: #ff7d00;
}

.color02 {
	color: #4acdc3;
}

.color03 {
	color: #6fcb3a;
}

.color04 {
	color: #20be49;
}

.color05 {
	color: #e264a6;
}

.back01 {
	background: #AA89BD !important;
}

.back02 {
	background: #FF7D00 !important;

}

.back03 {
	background: #E793BF !important;
}

.back04 {
	background: #FFBB00 !important;
}

.back05 {
	background: #E30720 !important;
}

.back06 {
	background: #FF8000 !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

img {
	max-width: 100%;
}

.txt_left {
	text-align: left;
}

.txt_center {
	text-align: center;
}

#headertop {
	background: url(../img/top/obi.png) no-repeat bottom;
	background-size: contain;
	padding-top: 10px;
}

#headertop h1 {
	width: 26%;
	float: left;
	margin-top: 10px;
	margin-left: 4%;
	padding-bottom: 10px;
}

#headertop h1 img {
	max-width: 100%;

}

#headerrnav {
	float: right;
	width: 60%;
	padding-top: 50px;
	padding-bottom: 1%;
}

#headerrnav li {
	display: inline-block;
	width: 33.3333%;
	float: left;
}

#headerrnav li img {
	vertical-align: bottom;
	max-width: 100%;

}

#gnav {
	clear: both;
	display: none;
	border-top: 1px solid #ccc;
}

#gnav li {
	width: 50%;
	float: left;
	background: url(../img/common/arrow.png) no-repeat 90% #834E00;
	background-size: 10px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	display: table;
	min-height: 69px;
	color: #834E00;
}

#gnav li.pc a,
#sitemap li.pc a {
	background: url(../img/common/pc.png) no-repeat 10px center;
	background-size: 20px;
}

#gnav li.sp a,
#sitemap li.sp a {
	background: url(../img/common/phone.png) no-repeat 10px center;
	background-size: 20px;
}

#gnav li a {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	text-decoration: none;
	padding: 15px 0;
	padding-left: 40px;
	padding-right: 25px;
	box-sizing: border-box;
}

#gnav li.close {
	background: url(../img/common/batu.png) no-repeat 65%;
	background-size: 30px;
}

#gnav li:first-child {
	font-size: 130%;
	padding-top: 20px;
}

#gnav li:last-child,
#gnav li:first-child {
	width: 100%;
	text-align: center;
	background-color: #fff;
}

#gnav li:last-child a,
#gnav li:first-child a {
	padding-left: 0;
	font-size: 120%;
	color: #834E00;

}

#top {
	background: url(../img/common/mainback.jpg);
}

.btn {
	width: 170px;
	position: relative;
	text-align: center;
	font-size: 14px;
	margin: 0 auto;
}

.btn a {
	border-radius: 7px;
	background-color: #32B16C;
	padding: 7px 0;
	color: #fff;
	display: block;
	text-decoration: none;
}

.btn a:after {
	content: ">";
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 20px;
	margin-top: -2px;
}






footer .cover {
	width: 94%;
	background-color: #fff;
	padding: 30px 3%;
}

#sitemap li {
	width: 50%;
	float: left;
	color: #FFF;
	background: url(../img/common/arrow.png) no-repeat 90% #834E00;
	background-size: 10px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	display: table;
	min-height: 69px;
	color: #834E00;
}

#sitemap li a {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	text-decoration: none;
	padding: 15px 0;
	padding-left: 40px;
	padding-right: 25px;
	box-sizing: border-box;
}

#sitemap li:first-child {
	font-size: 130%;
	padding-top: 20px;
	background: url(../img/common/pagetop.png) no-repeat 72%;
}

#sitemap li:first-child {
	width: 100%;
	text-align: center;
	background-color: #fff;
}

#sitemap li:first-child a {
	padding-left: 0;
	font-size: 120%;
	color: #834E00;

}


footer .leftimg {
	width: 40%;
	float: left;
}

footer .righttxt {
	float: right;
	width: 50%;
	font-size: 80%;
}

footer .righttxt p {
	margin-bottom: 10px;
}

footer .righttxt a {
	width: 23%;
	margin-right: 4%;
	display: inline-block;
}

footer .righttxt a:last-child {
	margin-right: 0;
}

#copy {
	font-size: 80%;
	text-align: center;
	background-color: #834E00;
	padding: 10px 0;
	color: #fff;

}

#under {
	width: 84%;
	padding: 10px 3%;
	margin: 0px auto 50px;
	background-color: #fff;

}

.txtConte02 {
	text-align: center;
}

#under>section,
#under>div {
	margin-bottom: 40px;
}

#under .waku {
	background-image: url(../img/common/top.jpg), url(../img/common/left.jpg), url(../img/common/right.jpg), url(../img/common/bottom.jpg);
	background-repeat: repeat-x, repeat-y, repeat-y, repeat-x;
	background-position: top, left, right, bottom;
	padding: 13px;
	box-sizing: border-box;
	background-color: #fff;
	margin-bottom: 20px;
}

#pagettl {
	width: 85%;
	margin: 0 auto;
	padding: 30px 0 0;
	text-align: center;
}

.subttl {
	font-size: 180%;
	background-image: url(../img/common/ttl_boder.png);
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.subttl span {
	display: block;
	color: #B4B4B4;
	font-weight: normal;
	font-size: 16px;
}

.subttl2 {
	font-size: 140%;
	margin-bottom: 20px;
}

.lead {
	font-size: 120%;
	margin-bottom: 20px;
}

.mt20 {
	margin-top: 20px;
}

.txt_c {
	text-align: center;
}