@charset "utf-8";
/*=============================================
 * body
 *=============================================*/

body {
	color: #3b2408;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1.7px;
	background: url(../../../shared/img/shared/body-bg.jpg) repeat center top;
	min-width: 1400px;
	max-height: 100%;
}
/*=============================================
 * #wrapper
 *=============================================*/

#wrapper {
	clear: both;
	width: 100%;
	min-width: 1400px;
	position: relative;
	overflow: hidden;
}
.wrap {
	width: 1000px;
}
/*=============================================
 * header
 *=============================================*/

#header {
	min-width: 1400px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../img/shared/header-bg.png) no-repeat center bottom;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 100;
}
#header .wrap {
	min-height: 165px;
}
#header .wrap:before {
	background: url(../../../shared/img/shared/header-icon-01.png) no-repeat center top;
	width: 154px;
	height: 95px;
	position: absolute;
	top: 52px;
	left: -113px;
	content: '';
}
#header .wrap:after {
	background: url(../../../shared/img/shared/header-icon-02.png) no-repeat center top;
	width: 162px;
	height: 165px;
	position: absolute;
	top: 0px;
	right: -10px;
	content: '';
}
#header h1 {
	color: #FFF;
	font-size: 13px;
	line-height: 20px;
	position: absolute;
	top: 88px;
	left: 0;
	width: 100%;
	text-align: center;
	letter-spacing: 0.5px;
}
#header .logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#header .nav {
	position: absolute;
	top: 33px;
	left: 195px;
	z-index: 1;
}
#header .sub-menu-parent {
	position: relative;
}
#header .sub-menu-parent li {
	padding-bottom: 2px;
	height: 25px;
}
#header .sub-menu {
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	position: absolute;
	top: 43px;
	left: 0px;
	width: 100%;
	max-width: 165px;
	transform: translateY(-2em);
	z-index: -1;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
#header .sub-menu-parent:hover .sub-menu, .sub-menu-parent:focus .sub-menu {
	visibility: visible; /* shows sub-menu */
	opacity: 1;
	z-index: 1;
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}
/*=============================================
 * key
 *=============================================*/

#key {
	min-height: 500px;
}
#key ul {
	min-height: inherit;
}
#key li {
	min-height: inherit;
}
/*=============================================
 * container
 *=============================================*/

#container {
	min-width: 1400px;
}
/*=============================================
 * #socialbuttons
 *=============================================*/

#socialbuttons {
	margin: auto;
	padding: 35px 0 0;
	max-width: 350px;
}
/*=============================================
 * footer
 *=============================================*/
#footer {
	background: url(../../../shared/img/shared/footer-bg-02.jpg) repeat center top;
	min-width: 1400px;
	font-size: 15px;
	line-height: 25px;
	color: #f4eed6;
}
#footer:before {
	position: absolute;
	top: 458px;
	right: 50%;
	margin-right: 457px;
	background: url(../../../shared/img/shared/footer-deco-01.png) no-repeat center top;
	width: 243px;
	height: 225px;
	content: '';
}
#footer:after {
	position: absolute;
	top: 334px;
	left: 50%;
	margin-left: 545px;
	background: url(../../../shared/img/shared/footer-deco-02.png) no-repeat center top;
	width: 279px;
	height: 374px;
	content: '';
}
#footer h3 {
	font-size: 16px;
	line-height: 25px;
	padding: 91px 0 11px 15px;
	color: #98c58c;
	font-weight: bold;
}
#footer .txt {
	padding: 10px 0 0 14px;
	line-height: 27px;
}
#footer .bnr {
	float: right;
	padding: 80px 19px 0 0;
}
#footer .bnr li {
	padding-bottom: 20px;
}
#footer .nav {
	padding: 27px 0 24px;
	background: url(../../../shared/img/shared/footer-bg-02.png) repeat center top;
	font-size: 14px;
	line-height: 25px;
	color: #1f7180;
	font-weight: bold;
}
#footer .sub-menu {
	margin: 4px 0 0 -6px;
	letter-spacing: 0;
}
#footer .nav li {
	padding-left: 0;
}
#footer .nav-fl {
	padding-left: 166px;
}
#footer .nav li + li:before {
	display: none;
}
address {
	text-align: center;
	color: #FFF;
	padding: 24px 0 22px;
	line-height: 20px;
	font-size: 12px;
	letter-spacing: 3px;
}
.col_l {
	float: left;
}
.col_r {
	float: right;
}
.pr-0 {
	padding-right: 0 !important;
}
.mr-0 {
	margin-right: 0 !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.mb-0 {
	margin-right: 0 !important;
}
.text_r {
	text-align: right;
}
.text_c {
	text-align: center;
}
.bg-n {
	background: none !important;
}
.bd-n {
	border: none !important;
}
#bnr li {
	float: left;
	width: 50%;
	text-align: center;
	position: relative;
}
#bnr .bnr1 {
	background:url(../img/shared/bnr-01-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
#bnr .bnr1:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 15px solid #e3c783;
	content: '';
}
#bnr .bnr2 {
	background: url(../img/shared/bnr-02-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
#bnr .bnr2:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 15px solid #f8e685;
	content: '';
}



#sp_botan a{
	border:1px #8db9c4 solid;
	padding:25px 5px;
	text-align:center;
	font-size:32px;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	background: #8db9c4; 
}

/*=============================================*/
/*               横についてくるボタン          */
/*=============================================*/

#cou a{
	position:fixed;
	right:5px;
	top:50px;
	z-index:999999;
}