.bt{background-color: #de1c24; text-align: center; padding: 10px; display: block; margin: 10px auto; font-weight: bold}
.notice{border:solid 3px #7E0002; padding: 40px;padding-bottom: 20px}
.notice h2{font-weight: bold; font-size: 20px; text-align: center;margin-bottom: 30px}
.notice p{font-size: 16px; margin-bottom: 1em;line-height: 160%;letter-spacing: 1px}
.notice .bold{font-weight: bold; color: #7E0002;font-size: 18px}
.notice .note{font-size: 14px}
.notice .right{text-align: right}

@media screen and (max-width: 500px) {
.bt{background-color: #de1c24; text-align: center; padding: 10px; display: block; margin: 10px auto; font-weight: bold}
.notice{border:solid 3px #7E0002; padding: 20px;padding-bottom: 20px}
.notice h2{font-weight: bold; font-size: 16px; text-align: center;margin-bottom: 30px}
.notice p{font-size: 14px; margin-bottom: 1em;line-height: 160%;letter-spacing: 1px}
.notice .bold{font-weight: bold; color: #7E0002;font-size: 18px}
.notice .note{font-size: 12px}
.notice .right{text-align: right}

} 

/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/


/* ------ General Settings ------ */

img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}

body {
}

.text-center {
	text-align: center;
}

.clear { clear: both; line-height: 1px; height: 1px; overflow: hidden;}

#wrap {
	width: 100%;
	position: relative;
}


/* ------ Header ------ */

header {
	width: 100%;
	background-color: #542600;
}

#header-inner {
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#header-inner h1 {
	padding: 5px 0;
	font-size: 0.8rem;
	color: #fff;
}

#logo {
	padding: 20px 0;
	width: 60%;
	float: left;
	margin: 0;
}


#m_logo { display: none;}


#tel {
	padding: 20px 0;
	width: 30%;
	float: right;
	margin: 0;
}

/*- navigation -------------------------------------------------------------*/



#m_gnav { display: none;}

#gnav {
	clear: both;
	width: 100%;
	background-color: #000;
	opacity: 0.9;
	z-index: 100000;
	position: absolute;
	bottom: 40px;
}

#gnav nav {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#gnav nav ul {
	width: 100%;
}

#gnav nav ul li {
	float: left;
	width: 166px;
	margin: 0;
}

#gnav nav ul li.li01 a:link,#gnav nav ul li.li01 a:visited {
	background-image: url(../image/common/navi01.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 104px auto;
	padding: 20px 0;
	text-indent: -9999px !important;
	display: block;
}

#gnav nav ul li.li01 a:hover,#gnav nav ul li.li01 a:active,#gnav nav ul li.li01 a.current {
	background-color: #333;
}


#gnav nav ul li.li02 a:link,#gnav nav ul li.li02 a:visited {
	background-image: url(../image/common/navi02.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 104px auto;
	padding: 20px 0;
	text-indent: -9999px !important;
	display: block;
}

#gnav nav ul li.li02 a:hover,#gnav nav ul li.li02 a:active,#gnav nav ul li.li02 a.current {
	background-color: #333;
}



#gnav nav ul li.li03 a:link,#gnav nav ul li.li03 a:visited {
	background-image: url(../image/common/navi03.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 104px auto;
	padding: 20px 0;
	text-indent: -9999px !important;
	display: block;
}

#gnav nav ul li.li03 a:hover,#gnav nav ul li.li03 a:active,#gnav nav ul li.li03 a.current {
	background-color: #333;
}



#gnav nav ul li.li04 a:link,#gnav nav ul li.li04 a:visited {
	background-image: url(../image/common/navi04.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 104px auto;
	padding: 20px 0;
	text-indent: -9999px !important;
	display: block;
}

#gnav nav ul li.li04 a:hover,#gnav nav ul li.li04 a:active,#gnav nav ul li.li04 a.current {
	background-color: #333;
}



#gnav nav ul li.li05 a:link,#gnav nav ul li.li05 a:visited {
	background-image: url(../image/common/navi05.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 104px auto;
	padding: 20px 0;
	text-indent: -9999px !important;
	display: block;
}

#gnav nav ul li.li05 a:hover,#gnav nav ul li.li05 a:active,#gnav nav ul li.li05 a.current {
	background-color: #333;
}



#gnav nav ul li.li06 a:link,#gnav nav ul li.li06 a:visited {
	background-image: url(../image/common/navi06.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 104px auto;
	padding: 20px 0;
	text-indent: -9999px !important;
	display: block;
}

#gnav nav ul li.li06 a:hover,#gnav nav ul li.li06 a:active,#gnav nav ul li.li06 a.current {
	background-color: #333;
}



/* ------ Mainvisual ------ */

#mainvisual {
	position: relative;
	width: 100%;
}

#mainvisual-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#mainvisual-inner .img {
	position: absolute;
	display: none;
	width: 100%;		/* 画像の幅 */
	margin-left: -50%;	/* -(画像の幅÷2) */
	padding-left: 50%;
	top: 0;
}

#mainvisual-inner .img:first-child {
	position: relative;
	display: block;
}

#mainvisual-btn {
	width: 100%;
	height: 10px;
	margin-top: 10px;
	text-align: center;
}

#mainvisual-btn div {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	overflow: hidden;
	vertical-align: top;

}
#mainvisual-btn div {
	*display: inline;
}

#mainvisual-btn a {
	display: block;
	width: 10px;
	height: 20px;
}

#mainvisual-btn a:link,
#mainvisual-btn a:visited {
	margin-top: 0px;
}
#mainvisual-btn a:hover,
#mainvisual-btn a:active,
#mainvisual-btn a.current {
	margin-top: -10px;
}

#mainvisual-btn a img {
	vertical-align: top;
}

#mainvisual-arrow {
	position: absolute;
	z-index: 200;
	width: 100%;
	top: 40%;
	left: 0;
	margin-top: -20px;
}

#mainvisual-arrow-inner {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

#mainvisual-arrow .prev,
#mainvisual-arrow .next {
	position: absolute;
	width: 27px;
	height: 27px;
	overflow: hidden;
}
#mainvisual-arrow .prev {
	left: 3%;
}
#mainvisual-arrow .next {
	right: 3%;
}

#mainvisual-arrow a {
	display: block;
	width: 27px;
	height: 54px;
}

#mainvisual-arrow a:link,
#mainvisual-arrow a:visited {
	margin-top: 0px;
}
#mainvisual-arrow a:hover,
#mainvisual-arrow a:active {
	margin-top: -27px;
}

#mainvisual-arrow a img {
	vertical-align: top;
}


/* ------ Contents ------ */

#contents {
	width: 1000px;
	margin: 0 auto 50px auto;
	padding-top: 20px;
	overflow: hidden;
	*zoom: 1;
}


article section {
	padding: 0 0 30px;
}

.photo_caption { text-align: center; width: 100%;}


/* ------ totop ------ */


#totop {
	width: 100%;
	padding: 20px 0;
}


#totop_inner {
	width: 1000px;
	text-align: right;
	margin: 0 auto;
}




#f_menu {
	width: 100%;
	background-color: #c8baae;
	padding: 30px 0;
}


#f_menu ul { list-style: none; margin: 0 auto; padding: 0; width: 840px;}


#f_menu li a { display: block; float: left; border-right: #333 1px solid; padding: 10px 15px; width: 100px; text-align: center; color: #333;}

#f_menu li.f_li a { border: none; width: 150px; color: #333;}


#f_menu li a:hover,#f_menu li.f_li a:hover { color: #666;}


/* ------ Footer ------ */

footer {
	width: 100%;
	background-color: #542600;
	color: #FFF;
	font-size: 0.8rem;
}

#footer-inner {
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 20px;
}

#copyright {
	text-align: right;
	margin: 10px;
	font-size: 0.7rem;
}


#f_logo {
	padding: 20px 0;
	width: 60%;
	float: left;
	margin: 0;
}

#m_f_logo { display: none;}



#f_tel {
	padding: 20px 0;
	width: 30%;
	float: right;
	margin: 0;
}






/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

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



#m_gnav { display: none;}

#header-inner {
	width: 96%;
}

#gnav nav {
	width: 100%;
}

#gnav nav ul { margin: 0 auto;}

#gnav nav ul li {
	float: left;
	width: 16.66%;
	margin: 0;
}


#gnav nav ul li.li01 a:link,#gnav nav ul li.li01 a:visited {
	background-image: url(../image/common/navi01.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 20px 0;
	text-indent: -9999px !important;
	display: block;
}

#gnav nav ul li.li01 a:hover,#gnav nav ul li.li01 a:active,#gnav nav ul li.li01 a.current {
	background-color: #333;
}


#gnav nav ul li.li02 a:link,#gnav nav ul li.li02 a:visited {
	background-image: url(../image/common/navi02.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 20px 0;
	text-indent: -9999px !important;
	display: block;
}

#gnav nav ul li.li02 a:hover,#gnav nav ul li.li02 a:active,#gnav nav ul li.li02 a.current {
	background-color: #333;
}



#gnav nav ul li.li03 a:link,#gnav nav ul li.li03 a:visited {
	background-image: url(../image/common/navi03.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 20px 0;
	text-indent: -9999px !important;
	display: block;
}

#gnav nav ul li.li03 a:hover,#gnav nav ul li.li03 a:active,#gnav nav ul li.li03 a.current {
	background-color: #333;
}



#gnav nav ul li.li04 a:link,#gnav nav ul li.li04 a:visited {
	background-image: url(../image/common/navi04.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 20px 0;
	text-indent: -9999px !important;
	display: block;
}

#gnav nav ul li.li04 a:hover,#gnav nav ul li.li04 a:active,#gnav nav ul li.li04 a.current {
	background-color: #333;
}



#gnav nav ul li.li05 a:link,#gnav nav ul li.li05 a:visited {
	background-image: url(../image/common/navi05.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 20px 0;
	text-indent: -9999px !important;
	display: block;
}

#gnav nav ul li.li05 a:hover,#gnav nav ul li.li05 a:active,#gnav nav ul li.li05 a.current {
	background-color: #333;
}



#gnav nav ul li.li06 a:link,#gnav nav ul li.li06 a:visited {
	background-image: url(../image/common/navi06.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 20px 0;
	text-indent: -9999px !important;
	display: block;
}

#gnav nav ul li.li06 a:hover,#gnav nav ul li.li06 a:active,#gnav nav ul li.li06 a.current {
	background-color: #333;
}




#mainvisual .img {
	width: 130%;		/* 画像の幅÷980 */
	margin-left: -65%;	/* -(画像の幅÷980÷2) */
}

#contents {
	width: 96%;
}


#totop {
	width: 100%;
	padding: 20px 0;
}




#totop_inner {
	width: 96%;
	text-align: right;
	margin: 0 auto;
}


#f_menu {
	width: 96%;
	background-color: #c8baae;
	padding: 20px 2%;
}


#f_menu ul { list-style: none; margin: 0 auto; padding: 0; width: 96%;}


#f_menu li a { display: block; float: left; border-right: #333 1px solid; padding: 5px; width: 13%; text-align: center; color: #333; font-size: 0.8rem;}

#f_menu li.f_li a { border: none; width: 20%; color: #333; font-size: 0.8rem;}


#footer-inner {
	width: 96%;
}


}



/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

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


.photo_caption { text-align: center; width: 100%; font-size: 0.7rem;}


#logo {
	padding: 20px 0;
	width: 90%;
	float: left;
	margin: 0;
}



#gnav {
	clear: both;
	width: 100%;
	background-color: #000;
	opacity: 0.9;
	z-index: 100000;
	position: absolute;
	bottom: 40px;
	display: none;
}




#logo {
	padding: 20px 0;
	width: 90%;
	float: none;
	margin: 0 auto;
}


#tel {
	padding: 20px 0;
	width: 70%;
	float: none;
	margin: 0 auto;
}



#m_gnav {
	clear: both;
	width: 100%;
	background-color: #000;
	display: block;
}

#m_gnav nav {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#m_gnav nav ul {
	width: 100%;
}

#m_gnav nav ul li {
	float: left;
	width: 33.3%;
	margin: 0;
}



#m_gnav nav ul li.li01 a:link,
#m_gnav nav ul li.li01 a:visited {
	background-image: url(../image/common/navi01.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 13px 0;
	text-indent: -9999px !important;
	display: block;
}

#m_gnav nav ul li.li01 a:hover,
#m_gnav nav ul li.li01 a:active,
#m_gnav nav ul li.li01 a.current {
	background-color: #333;
}


#m_gnav nav ul li.li02 a:link,
#m_gnav nav ul li.li02 a:visited {
	background-image: url(../image/common/navi02.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 13px 0;
	text-indent: -9999px !important;
	display: block;
}

#m_gnav nav ul li.li02 a:hover,
#m_gnav nav ul li.li02 a:active,
#m_gnav nav ul li.li02 a.current {
	background-color: #333;
}



#m_gnav nav ul li.li03 a:link,
#m_gnav nav ul li.li03 a:visited {
	background-image: url(../image/common/navi03.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 13px 0;
	text-indent: -9999px !important;
	display: block;
}

#m_gnav nav ul li.li03 a:hover,
#m_gnav nav ul li.li03 a:active,
#m_gnav nav ul li.li03 a.current {
	background-color: #333;
}



#m_gnav nav ul li.li04 a:link,
#m_gnav nav ul li.li04 a:visited {
	background-image: url(../image/common/navi04.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 13px 0;
	text-indent: -9999px !important;
	display: block;
}

#m_gnav nav ul li.li04 a:hover,
#m_gnav nav ul li.li04 a:active,
#m_gnav nav ul li.li04 a.current {
	background-color: #333;
}



#m_gnav nav ul li.li05 a:link,
#m_gnav nav ul li.li05 a:visited {
	background-image: url(../image/common/navi05.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 13px 0;
	text-indent: -9999px !important;
	display: block;
}

#m_gnav nav ul li.li05 a:hover,
#m_gnav nav ul li.li05 a:active,
#m_gnav nav ul li.li05 a.current {
	background-color: #333;
}



#m_gnav nav ul li.li06 a:link,
#m_gnav nav ul li.li06 a:visited {
	background-image: url(../image/common/navi06.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 13px 0;
	text-indent: -9999px !important;
	display: block;
}

#m_gnav nav ul li.li06 a:hover,
#m_gnav nav ul li.li06 a:active,
#m_gnav nav ul li.li06 a.current {
	background-color: #333;
}


#f_menu {
	width: 100%;
	background-color: #c8baae;
	padding: 20px 0;
}



#f_menu li { border-bottom: #333 1px dotted; margin: 0 auto; width: 90%;}

#f_menu li a { display: block; float: none; border: none; padding: 12px; color: #333; text-align: left; width: 95%; font-size: 1.1rem;}

#f_menu li.f_li a { border: none; color: #333; width: 95%; text-align: left; font-size: 1.1rem;}

#f_menu li a:hover,
#f_menu li.f_li a:hover { text-decoration: none; display: block; background-color: #af9a89; color: #000;}




#f_logo {
	padding: 20px 0;
	width: 90%;
	float: none;
	margin: 0 auto;
	font-size: 1.2rem;
}



#f_tel {
	padding: 20px 0;
	width: 50%;
	float: none;
	margin: 0 0 0 5%;
}




}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

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


.photo_caption { text-align: center; width: 80%; font-size: 0.7rem; margin: 0 auto; line-height: 120%;}


#logo {
	padding: 20px 0;
	width: 60%;
	float: left;
	margin: 0;
	display: none;
}

#m_logo { display: block; width: 90%; margin: 10px auto 0 auto;}



#header-inner h1 {
	padding: 5px 0;
	font-size: 0.7rem;
	color: #fff;
}


#logo {
	padding: 20px 0;
	width: 96%;
	float: none;
	margin: 0 auto;
}


#tel {
	padding: 20px 0;
	width: 80%;
	float: none;
	margin: 0 auto;
}






#gnav {
	clear: both;
	width: 100%;
	background-color: #000;
	opacity: 0.9;
	z-index: 100000;
	position: absolute;
	bottom: 40px;
	display: none;
}



#m_gnav {
	clear: both;
	width: 100%;
	background-color: #000;
	display: block;
}

#m_gnav nav {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#m_gnav nav ul {
	width: 100%;
}

#m_gnav nav ul li {
	float: left;
	width: 33.3%;
	margin: 0;
}



#m_gnav nav ul li.li01 a:link,
#m_gnav nav ul li.li01 a:visited {
	background-image: url(../image/common/navi01.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 13px 0;
	text-indent: -9999px !important;
	display: block;
}

#m_gnav nav ul li.li01 a:hover,
#m_gnav nav ul li.li01 a:active,
#m_gnav nav ul li.li01 a.current {
	background-color: #333;
}


#m_gnav nav ul li.li02 a:link,
#m_gnav nav ul li.li02 a:visited {
	background-image: url(../image/common/navi02.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 13px 0;
	text-indent: -9999px !important;
	display: block;
}

#m_gnav nav ul li.li02 a:hover,
#m_gnav nav ul li.li02 a:active,
#m_gnav nav ul li.li02 a.current {
	background-color: #333;
}



#m_gnav nav ul li.li03 a:link,
#m_gnav nav ul li.li03 a:visited {
	background-image: url(../image/common/navi03.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 13px 0;
	text-indent: -9999px !important;
	display: block;
}

#m_gnav nav ul li.li03 a:hover,
#m_gnav nav ul li.li03 a:active,
#m_gnav nav ul li.li03 a.current {
	background-color: #333;
}



#m_gnav nav ul li.li04 a:link,
#m_gnav nav ul li.li04 a:visited {
	background-image: url(../image/common/navi04.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 13px 0;
	text-indent: -9999px !important;
	display: block;
}

#m_gnav nav ul li.li04 a:hover,
#m_gnav nav ul li.li04 a:active,
#m_gnav nav ul li.li04 a.current {
	background-color: #333;
}



#m_gnav nav ul li.li05 a:link,
#m_gnav nav ul li.li05 a:visited {
	background-image: url(../image/common/navi05.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 13px 0;
	text-indent: -9999px !important;
	display: block;
}

#m_gnav nav ul li.li05 a:hover,
#m_gnav nav ul li.li05 a:active,
#m_gnav nav ul li.li05 a.current {
	background-color: #333;
}



#m_gnav nav ul li.li06 a:link,
#m_gnav nav ul li.li06 a:visited {
	background-image: url(../image/common/navi06.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90px auto;
	padding: 13px 0;
	text-indent: -9999px !important;
	display: block;
}

#m_gnav nav ul li.li06 a:hover,
#m_gnav nav ul li.li06 a:active,
#m_gnav nav ul li.li06 a.current {
	background-color: #333;
}


#f_menu li { border-bottom: #333 1px dotted; margin: 0 auto; width: 90%;}

#f_menu li a { display: block; float: none; border: none; padding: 12px; color: #333; text-align: left; width: 92%; font-size: 1rem;}

#f_menu li.f_li a { border: none; color: #333; width: 92%; text-align: left; font-size: 1rem;}

#f_menu li a:hover,
#f_menu li.f_li a:hover { text-decoration: none; display: block; background-color: #af9a89; color: #000;}

#f_logo {
	padding: 20px 0;
	width: 90%;
	float: none;
	margin: 0 auto;
	display: none;
	font-size: 1.2rem;
}


#m_f_logo {
	padding: 20px 0;
	width: 90%;
	float: none;
	margin: 0 auto;
	display: block;
}


#f_tel {
	padding: 20px 0;
	width: 80%;
	float: none;
	margin: 0 auto;
}


#copyright {
	text-align: center;
	margin: 10px;
	font-size: 0.7rem;
}










}