@charset "utf-8";


body { position: relative; -webkit-text-size-adjust: 100%; background: #fff; }
a:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }

.be_table { display: table; width: 100%; box-sizing: border-box; }
.be_cell { display: table-cell; vertical-align: middle; }

/*============================
#header
============================*/

#md_header { position: fixed; left: 0; top: 0; height: 100%; width: 220px; padding: 20px; background: rgba(255, 255, 255, 0.9); box-sizing: border-box; z-index: 99; }
#md_header .logo { display: block; text-align: center; }
#md_header .logo.logo--yoshi { display: inline-block; margin: 15px 10px 0 -5px; }
#md_header .logo img { width: 65px; }
#md_header .logo:hover { opacity: 0.8; }

#md_header .naviList { margin-top: 30px; }
#md_header .naviList li { font-size: 18px; }
#md_header .naviList li + li { margin-top: 10px; }
#md_header .naviList li a { display: block; }

#md_header .infoList { margin-top: 30px; }
#md_header .infoList .text { display: block; font-size: 12px; }
#md_header .infoList .text + .text { margin-top: 6px; }
#md_header .infoList .text.name { font-size: 15px; }
#md_header .infoList .text + .text.add { margin-top: 2px; }
#md_header .infoList .map { display: inline-block; margin: 8px 0; padding: 5px 8px; background: #f7f5f0; font-size: 11px; text-align: center; }
#md_header .infoList .map img { position: relative; top: -2px; margin-right: 3px; }

#md_header .sns { position: relative; }
#md_header .sns a:hover { opacity: 0.8; }

#sp_header { display: none; }


/*============================
#pageSet
============================*/

#pageSet { padding: 40px 0 40px 220px; }


/*============================
contentArea
============================*/

.contentArea { min-width: 750px; max-width: 1000px; margin: 0 auto; padding: 0 20px; }


/*============================
md_title
============================*/

.md_title { text-align: center; font-size: 26px; letter-spacing: 0.3em; }
.md_subTitle { margin-top: 10px; text-align: center; font-size: 14px; letter-spacing: 0.2em; }


/*============================
#md_pageTop
============================*/
/*
#md_pageTop { position: fixed; bottom: 20px; right: 20px; margin-top: 40px; padding: 0 10px; text-align: right; z-index: 999; }
#md_pageTop a { width: 50px; height: 50px; display: inline-block; cursor: pointer; background: #99d82b; text-align: center; border-radius: 2px; }
#md_pageTop a img { padding-top: 5px; }*/


/*============================
#footer
============================*/

#md_footer { margin-left: 200px; padding: 20px; text-align: center; }
#md_footer .copyRight { font-size: 12px; color: #666; }

/*============================
md_btn
============================*/

.md_btn { display: inline-block; width: 210px; margin: 0 auto; padding: 10px 20px; background: #90846c; color: #fff; text-align: center; letter-spacing: 0.2em; }
a.md_btn:hover { color: #fff; opacity: 0.8; }
.md_btn.md_btn--gray { background: #a4a4a4; }



/*----------------------------------------
　　　　　　　　以下、SP用の指定
----------------------------------------*/


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

a:hover, a:active { color: #444; }

/*sp_header*/
#sp_header { display: table; width: 100%; background: #fff; border-bottom: 1px solid #f0f0f0; z-index: 9; }
#sp_header .logoCell, .menuCell { display: table-cell; vertical-align: middle; }
#sp_header .logoCell { padding: 10px 15px; }
#sp_header .logoCell img { height: 40px; }
#sp_header .menuCell { white-space: nowrap; width: 1%; }

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 60px;
	height: 100%;
}
.menu-trigger span {
	position: absolute;
	right: 16px;
	width: 50%;
	height: 2px;
	background-color: #aaa;
	border-radius: 0px;
	z-index: 9999;
}
.menu-trigger span:nth-of-type(1) {	top: 22px; }
.menu-trigger span:nth-of-type(2) {	top: 32px; }
.menu-trigger span:nth-of-type(3) {	top: 42px; }

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}

/*pageSet*/

#pageSet,
#pageSet.top { padding-left: 0; }


/*md_header*/

#md_header { display: none; right: 0; width: 100%; z-index: 9000; }
#md_header .logo.logo--clb { width: 100px; margin: 0 auto; }
#md_header .logo.logo--clb img { width: 50px; }
#md_header .naviList { margin-top: 15px; text-align: center; }
#md_header .naviList li { font-size: 20px; }
#md_header .naviList li .navi { padding: 4px 0; }

#md_header .infoList { margin-top: 20px; }
#md_header .infoList .text.num,
#md_header .infoList .text.add { display: inline-block; }
#md_header .infoList .map { background: #fff; border: 1px solid #ddd; }
#md_header .logo.logo--yoshi { margin-top: 5px; }
#md_header .logo.logo--yoshi img { width: 60px; }

.md_subTitle { font-size: 11px; }


/*md_footer*/

#md_footer { margin-left: 0; }
#md_footer .copyRight { font-size: 9px; }

}