@charset "utf-8";
/*
 * CSS base.css
 */

/* ---------------------------------------
base
--------------------------------------- */
body{
	color: #4D4D4D;
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.001em;
	max-height: 999999px;

}
@media screen and (max-width: 639px) {
	body { font-size: 14px; }
}
@media screen and (max-width: 479px) {
	/*body { font-size: 13px; }*/
}


.border{ border-right: 10px solid #FAB041; border-left: 10px solid #FAB041; box-sizing: border-box;}
.wrapper{ width: 100%; overflow: hidden; }


#eachpage{
	width: 960px;
	margin: 0 auto 20px;
}
#eachpage .breadcrumb li{
	float: left;
	margin-right: 8px;
	font-size: .9em;
	position: relative;
	padding-left: 16px;
}
#eachpage .breadcrumb li a{ color: #4D4D4D; text-decoration: none;}
#eachpage .breadcrumb li a:hover{ text-decoration: underline;}
#eachpage .breadcrumb li:before{
	content: "";
	display: block;
	width: 8px; height: 10px;
	position: absolute;
	top: 50%; left: 0;
	margin-top: -6px;
	background: url(../img/common/ico_arrow3.png);
}
#eachpage .breadcrumb li:first-child{ padding-left: 0;}
#eachpage .breadcrumb li:first-child:before{ display: none;}
@media screen and (max-width: 1000px) {
	#eachpage{ width: 94%; }
}
@media screen and (max-width: 639px) {
	#eachpage{margin-top: 20px;}
	#eachpage .breadcrumb{ display: none; }
}


.pagetitle{
	padding: 4%;
	background: #965D38;
	margin-bottom: 5px;
}
.pagetitle>img{ height: 25px; width: auto; }
.sectitle{
	margin-bottom: 20px;
	border-bottom: 2px solid #936033;
	font-weight: bold;
	font-size: 1.5em;
	color:#946134;
}
.sectitle>img{ height: 22px; width: auto; }
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 639px) {
	#index .border{ border-width: 5px;}
	.border{ border-width: 5px;}
	.sectitle{
		padding: 0 0 5px 0;
		margin-bottom: 15px;
	}
	.sectitle>img{ height: 16px;}
	.pagetitle{
		padding: 15px 10px;
	}
	.pagetitle>img{ height: 20px; }
}
@media screen and (max-width: 479px) {
}

/*
---------------------------------------
#header
--------------------------------------- */
#header { width: 100%; height: 180px; position: relative; border-top: 10px solid #FAB041;}
#header .incnt{ height: inherit; }
#header .logo { position: absolute; top: 20px; left: 0px; }
#header .h_txt1 { color: #936033; position: absolute; top: 20px; right: 5px; }
/*#header .h_txt1 { color: #936033; position: absolute; top: 80px; right: 5px; }*/
#header .tel { position: absolute; top: 55px; right: 0px;}
#header .tel img{ max-width: 364px; }

#menubtn, #closebtn { display: none; }
@media screen and (max-width: 1000px) {
	#header { height: 110px; box-sizing: border-box }
	#header .incnt{width: 100%!important; margin: 0!important; background: #FFF; border-bottom: 1px solid #FAB041;}
	#header .logo{ max-width: 380px; top: 25px; left: 25px; }
	#header .tel { top: 50px; right: 25px; }
	#header .h_txt1 { top: 45px; right: 30px; }
	#header .tel img{ max-width: 300px; }
	/*#header .h_txt1 { top: 90px; right: 30px; }*/

	#menubtn {
		display: block;
		position: fixed;
		top: 15px; right: 28px;
		width: 36px; height: 36px;
		background: #FFF;
		padding: 5px;
		z-index: 10;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#menubtn a { position: relative; display: block;}
}

@media screen and (max-width: 780px) {
	#header { height: 95px; }
	#header .logo{ max-width: 320px; top: 20px; }
	#header .tel { top: 50px; right: }
	#header .tel img{ max-width: 220px; }
}

@media screen and (max-width: 639px) {
	#header{ height: auto; border-width: 5px;}
	#header .incnt{ border-bottom: none; }
	#header .logo{ position: static; text-align: center; width: 48%; max-width: 220px; margin: 0 auto; padding: 10px 0; }
	#header .h_txt1 { display: none; }
	#header .tel { position: static; background: #965D38; text-align: center; padding: 10px;  }
	#header .tel img{ max-width: 300px; width: 82%; margin: 0 auto; }
	#menubtn {
		display: block;
		position: absolute;
		right: 6px; top: 5%;
	}
}
/*@media screen and (max-width: 479px) {
	#menubtn { top: 32%;}
	/*#menubtn { top: 48%;}
}*/


/*
---------------------------------------
#gnav
--------------------------------------- */
#gnav { position: absolute; bottom: 10px; right: 0px;}
#gnav li { float: left; margin-left: 15px; border-bottom: 1px solid #936033; width: 180px; }
#gnav li.li1{ margin-left: 0; }
#gnav li a { display: block; padding: 5px 0; text-align: center; }
#gnav li a img{ height: 18px; width: auto; }
#gnav li.current a,#gnav li a:hover{ background: #FAB041; }


#gnav li a.linkoff:hover{ background: none; }



@media screen and (max-width: 1000px) {
	#gnav { height: 100%; padding: 20px 0; position: fixed; top: 0; right: 0; z-index: 1000; overflow-y: auto; background: #FFC661; }
	#gnav .incnt { width: 100%!important; margin: 0!important; }
	#gnav ul{ border-top: 1px solid #936033; }
	#gnav li { position: relative; float: none; width: 100%; margin-left: 0; }
	#gnav li a{ padding: 8px 0; text-align: left; padding-left: 50px; }
	#gnav li a:before{
		content: "";
		display: block;
		width: 8px; height: 14px;
		position: absolute;
		top: 50%; left: 25px;
		margin-top: -6px;
		background: url(../img/common/ico_arrow2.png);
		background-size: 100%;
	}


	#gnav #closebtn_innav a { line-height: 0.1em; font-size: 0.1em; width: 100%; display: block; /*padding: 0 10px 10px;*/ padding: 0 35px 10px; text-align: right; box-sizing: border-box; }
	#gnav #closebtn_innav a img{ width: 36px; height: auto; }
}
@media screen and (max-width: 639px) {
	#gnav #closebtn_innav a{ padding: 0 15px 10px; }
}








/* ---------------------------------------
#content
--------------------------------------- */
#content { max-width: 960px; margin: 0 auto; min-height: 1000px; padding-bottom: 40px;}
#cnt_main { float: left; width: 625px; }
@media screen and (max-width: 1000px) {
	#content { max-width: initial; padding-bottom: 0;}
	#cnt_main { float: none; width: 92%; margin: 0 4%; }
}





/* ---------------------------------------
#side
--------------------------------------- */
#side{ float: right; width: 290px; margin-bottom: 20px;}
@media screen and (max-width: 1000px) {
	#side{ float: none; width: 100%; margin-bottom: 0;}
}
#side .side_box .side_tit{ padding-bottom: 5px; margin-bottom: 15px; border-bottom: 2px solid #965D38; text-align: center; font-weight: bold; font-size: 1.25em; color:#946134; }
#side .side_box .side_tit img{ height: 20px; width: auto; }
#side .side_box_inner .see_more{
	position: static;
	width: 100%;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
#side .side_box_inner .see_more a{ padding: 3px 0; }
@media screen and (max-width: 639px) {
	#side .side_box .side_tit img{ height: 16px; }
	#side .side_box_inner .see_more a{ padding: 6px 0; }
}


/*#side_box1*/
#side #side_box1{ border: 1px solid #FAB041; position: relative; margin-bottom: 30px; }

#side #side_box1 .sectitle { display: block; padding: 30px 55px; text-align: center; background: #FAB041;}

#side #side_box1 h2{ display: block; padding: 30px 55px; text-align: center; background: #FAB041;}
#side #side_box1 h2:hover{background: #714324;}
#side #side_box1 .txt1{ font-size: .9em; text-align: center; padding: 20px 0 55px; }
#side #side_box1 .txt1>span{ display: inline-block; }
/*#side #side_box1 .txt1>span{ font-size: 1.1em; font-weight: bold; }*/
@media screen and (max-width: 1000px) {
	#side #side_box1{ width: 92%; margin: 0 4% 30px; }
	#side #side_box1 h2{ float: left; padding: 40px 30px; width: 40%; box-sizing: border-box; }
	#side #side_box1 .cnt{ float: left; width:60%; box-sizing: border-box;}
	#side #side_box1 .txt1{ padding: 10%; }
	#side #side_box1 .see_more{ width: 52%; left: 44%; }


	#side #side_box1 h2 a{ padding: 15px 15px; }
	#side #side_box1 h2 img{ max-width: 200px; width: 100%; }
}
@media screen and (max-width: 639px) {
	#side #side_box1 h2{ float: none; padding: 30px 50px; width: 100%; }
	#side #side_box1 .cnt{ float: none; width: 100%;}
	#side #side_box1 .txt1{ padding: 20px 0 55px; }
	#side #side_box1 .see_more{ width: 86%; left: 7%; }
	#side #side_box1 h2 a{ padding: 0px; }
}


/*#side_box2*/
#side #side_box2{ background: #FEF7EB; padding: 20px; }
#side #side_box2 .schedule{ font-size: .9em; border-right: 1px solid #FAB041;}
#side #side_box2 .schedule th{
	color: #FFF;
	font-weight: bold;
	background: #FAB041;
	text-align: center;
}
#side #side_box2 .schedule td{
	color: #946134;
	text-align: center;
	border-left: 1px solid #FAB041;
	border-bottom: 1px solid #FAB041;
	background: #FFF;
	padding: 6px 0;
}
#side #side_box2 .schedule td.td1{ color: #514E4D; line-height: 1; font-size: .9em; }
#side #side_box2 .schedule td.td1>span{ font-size: .7em; }
#side #side_box2 .txt1{ font-size: .8em; text-align: center; }
#side #side_box2 .txt1>span{ display: inline-block; }
#side #side_box2 .txt2{ font-size: 1.2em; font-weight: bold; text-align: center; margin-bottom: 10px; }
#side #side_box2 .txt2 .txt_color{ color: #936033; font-weight: bold; position: relative;	margin-right: 10px;
	padding-right: 10px; }
#side #side_box2 .txt2 .txt_color:after{
	content: "";
	display: block;
	width: 8px; height: 10px;
	position: absolute;
	top: 50%; right: -5px;
	margin-top: -5px;
	background: url(../img/common/ico_arrow3.png);
}
#side #side_box2 .sidemap{ margin-bottom: 10px; text-align: center; }
#side #side_box2 .txt3{ line-height: 1.6; margin-bottom: 5px; text-align: center; }
#side #side_box2 .txt3>span{ display: inline-block; margin: 0 .5em; }
#side .side_box_inner{ position: relative; margin-top: 20px; }
#side .side_box_inner:first-child{ margin-top: 0; }
@media screen and (max-width: 1000px) {
	#side #side_box2 .txt1{ font-size: 1em;}
}

/* ---------------------------------------
#pagetop
--------------------------------------- */
#pagetop a{
	display: block;
	width: 100%;
	padding: 5px 0 12px;
	text-align: center;
	background: #965D38;
	-webkit-transition: 0.3s;
	-moz-transition : 0.3s;
	transition : 0.3s;
}
#pagetop a:hover{ background: #FAB041;}
#pagetop img{ width: 80px; }
@media screen and (max-width: 767px) {
	#pagetop a{
		border-right: 10px solid #FAB041;
		border-left: 10px solid #FAB041;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 639px) {
	#pagetop a{ border-width: 5px; }
}




/* ---------------------------------------
#footer
--------------------------------------- */
#footer { width: 100%; background: #FEF7EB; }
/*#footer .f_cnt{
	width: 790px;
	margin: 0 auto;
	padding: 60px 0;
}*/
#footer .f_cnt{
	width: 900px;
	margin: 0 auto;
	padding: 50px 0;
}
/*#footer .f_nav_txt{ font-size: 1.1em; text-align: right; font-weight: bold; margin-bottom: 10px; }*/
/*#footer .f_nav_txt{ font-size: 1.1em; text-align: right; font-weight: bold; margin: 20px 0; }*/
#footer .f_nav_txt{ font-size: 1.1em; letter-spacing: 0.15em; text-align: left; font-weight: bold; margin: 2% 0; }
#footer p:not(.tel) img{ height: 79px; max-width: auto; margin: 10px 0; }
/*#footer p img{ height: 72px; width: auto; }*/
#footer .tel img{ max-width: 364px; width: 100%; }
#footer .f_bottom{ background: #FAB041; padding: 20px 0 15px;}
@media screen and (max-width: 1000px) {
	#footer .f_cnt{
		width: 100%;
		box-sizing: border-box;
	}
	#footer .tel img{ max-width: 100%; width: 100%; }
	#footer .f_nav_txt{ font-size: .9em; }
	/*#footer .f_nav_txt{ font-size: .95em; }*/
	#footer p:not(.tel) img{ height: auto; width: 100%; }
	#footer .f_cnt .cnt_left{ width: 48%; }
	#footer .f_cnt .cnt_right{ width: 48%; text-align: right;}
}
@media screen and (max-width: 767px) {
	#footer{
		border-right: 10px solid #FAB041;
		border-left: 10px solid #FAB041;
		box-sizing: border-box;
	}
	#footer .f_cnt{ padding: 30px 0; }
	#footer .tel img{ max-width: 270px; }
	#footer p:not(.tel) img{ max-width: 270px; }
	#footer .f_cnt .cnt_left{ float: none; padding-top: 0%; width: 90%; margin: 0 auto 15px; text-align: center; }
	#footer .f_cnt .cnt_right{ float: none; width: 92%; margin: 0 auto; text-align: center;}
	/*#footer .f_nav_txt{ text-align: center; }*/
	#footer .f_nav_txt{ text-align: center; margin: 10px 0; font-size: .9em; }
	#footer .f_bottom{ padding: 5px 0 10px; }
	#footer .f_bottom .incnt{ width: 100%!important; margin: 0!important; }
}
@media screen and (max-width: 639px) {
	#footer{ border-width: 5px; }
}

#footer .f_nav{
	width: 760px;
	margin: 0 auto;
	padding: 10px 15px 15px;
	margin-bottom: 10px;
	background: #FFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
}
#footer .f_nav li.li1{ display: none; }
#footer .f_nav li{ display: inline-block; margin: 0 5px; border-bottom: 1px solid #936033; width: 133px; }
#footer .f_nav li:first-child{ margin-left: 0; }
#footer .f_nav li a { display: block; padding: 5px 0; text-align: center; }
#footer .f_nav li a img{ height: 18px; width: auto; }
#footer .f_nav li a:hover{ background: #FAB041; }

#footer .f_nav li a.linkoff:hover{ background: none; }


#footer .f_nav li a span{ display: none; }
@media screen and (max-width: 1000px) {
	#footer .f_nav{
		width: 100%;
		padding: 10px 5px 15px;
		box-sizing: border-box;
	}
	#footer .f_nav li{ width: 18%; margin: 0 3px; }
}
@media screen and (max-width: 767px) {
	#footer .f_nav{
		width: 100%;
		padding: 0;
		background: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		text-align: left;
	}
	#footer .f_nav ul{ border-top: 1px solid #936033; }
	#footer .f_nav li.li1{ display: block; }
	#footer .f_nav li{ display: block; margin: 0; width: 50%; float: left; box-sizing: border-box; border-right: 1px solid #936033; }
	#footer .f_nav li a { color: #936033; text-align: left; text-decoration: none; padding-left: 40px; position: relative; }
	#footer .f_nav li a span{ display: block; font-weight: bold; }
	#footer .f_nav li a:before{
		content: "";
		display: block;
		width: 8px; height: 14px;
		position: absolute;
		top: 50%; left: 25px;
		margin-top: -7px;
		background: url(../img/common/ico_arrow2.png);
		background-size: 100%;
	}
	#footer .f_nav li img{ display: none; }
}
@media screen and (max-width: 639px) {
	#footer .f_nav li a{ padding-left: 18px; }
	#footer .f_nav li a:before{
		width: 4px; height: 7px;
		left: 10px;
		margin-top: -4px;
	}
}
#footer .copyright { color: #FFF; line-height: 1.5; text-align: center; font-size: .8em; }
#footer .copyright>span{ display: inline-block; }
#footer .copyright small img{ height: 13px; width: auto; }
@media screen and (max-width: 639px) {
	#footer .copyright small img{ width:90%; height: auto; }
}