@charset "utf-8";


/* ---------------------------------------------
 base modules
------------------------------------------------ */

.body {
  min-width: 1200px; /* コンテンツ幅に書き直す */
  clear:both;
}
.wrap{ clear:both; padding-left:170px; }

.inner {
  width:980px;
  margin:0 auto;
}

.pc { display: block; }
.sp { display: none; }

/* ---------------------------------------------
adminBox
------------------------------------------------ */

#adminBox{
	margin-left:330px;
}


/* ---------------------------------------------
 header
------------------------------------------------ */

.header{
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.33);
	width:170px;
  position:fixed;
	top:0;
	left:0;
	bottom:0;
	z-index:9999;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}

.header a,
.header a:link,
.header a:visited,
.header a:hover,
.header a:active{
	color:#5c4c3d;
	display:block;
	text-decoration:none;
	position:relative;
}
.header a:link,
.header a:visited { background:#fff; }
.header a:hover,
.header a:active,
.header .stay a{ background:#eeedeb; }

.header .logo a{
	font-size:88%;
	letter-spacing:1px;
	padding:12px 0 6px;
}

.header .logo a img{
	display:block;
	margin:0 auto 4px;
}

.header .global-navigation{
	border-bottom:1px solid #eee;
	font-size:94%;
}

.header .global-navigation li{
	border-top:1px solid #eee;
}

.header .global-navigation li a{
	padding:54px 0 4px;
}
.header .global-navigation li:first-child a{
	background:url(../images/gnav_001.png) 62px 15px no-repeat;
	padding-bottom:3px;
}
.header .global-navigation li:nth-child(2) a{
	background:url(../images/gnav_002.png) 56px 16px no-repeat;
	letter-spacing:-2px;
}
.header .global-navigation li:nth-child(3) a{
	background:url(../images/gnav_003.png) 64px 11px no-repeat;
	color:#fff;
	padding:51px 0 3px;
}
.header .global-navigation li:first-child a:link,
.header .global-navigation li:first-child a:visited,
.header .global-navigation li:nth-child(2) a:link,
.header .global-navigation li:nth-child(2) a:visited { background-color:#fff; }
.header .global-navigation li:first-child a:hover,
.header .global-navigation li:first-child a:active,
.header .global-navigation li:first-child.stay a,
.header .global-navigation li:nth-child(2) a:hover,
.header .global-navigation li:nth-child(2) a:active,
.header .global-navigation li:nth-child(2).stay a{ background-color:#eeedeb; }
.header .global-navigation li:nth-child(3) a:link,
.header .global-navigation li:nth-child(3) a:visited { background-color:#5c4c3d; }
.header .global-navigation li:nth-child(3) a:hover,
.header .global-navigation li:nth-child(3) a:active,
.header .global-navigation li:nth-child(3).stay a{ background-color:#ada59e; }
.header .global-navigation li:nth-child(4) a,
.header .global-navigation li:nth-child(5) a,
.header .global-navigation li:nth-child(6) a{
	text-align:left;
	line-height:32px;
	padding:0 30px 0 19px;
}

.header .global-navigation li:nth-child(4) a,
.header .global-navigation li:nth-child(6) a{
	letter-spacing:-1px;
}

.header .global-navigation li:nth-child(4) a::before,
.header .global-navigation li:nth-child(5) a::before,
.header .global-navigation li:nth-child(6) a::before{
	border-top:1px solid #5c4c3d;
	border-right:1px solid #5c4c3d;
	content:"";
	width:5px;
	height:5px;
	position:absolute;
	top:50%;
	right:20px;
	transform:rotate(45deg);
	margin-top:-3px;
}

.header .utility-navigation{
	margin:10px 20px 0;
}

.header .utility-navigation .tel{
	font-size:88%;
	line-height:1.32;
}

.header .utility-navigation .tel span{
	font-size:164%;
	letter-spacing:-1px;
	white-space:nowrap;
	margin-left:-1px;
}

.header .utility-navigation .site{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:88%;
	letter-spacing:-1px;
	line-height:32px;
	margin:6px 0 0;
}

.header .utility-navigation .site a::before{
	border-top:1px solid #5c4c3d;
	border-right:1px solid #5c4c3d;
	content:"";
	width:5px;
	height:5px;
	position:absolute;
	top:50%;
	right:1px;
	transform:rotate(45deg);
	margin-top:-3px;
}

.header .utility-navigation .site img{
	vertical-align:middle;
	margin:-1px 0 0 6px;
}

.header .utility-navigation .copyright{
	background:url(../images/text_copyright.png) 0 0 no-repeat;
	text-indent:100%;
	width:76px;
	height:8px;
	white-space:nowrap;
	overflow:hidden;
	margin:14px 0 0 -1px;
}

/* ---------------------------------------------
 container
------------------------------------------------ */

.container{
/*
  width:1200px;
  margin:20px auto;
*/
	padding:0 0 0 160px;
}

/* ------ title -------------------------------- */

.page-title{
  background:#5c4c3d;
	color:#fff;
  font-size:188%;
	font-weight:normal;
  text-align:center;
  line-height:131px;
  height:131px;
  margin:0 auto 50px;
  padding:0;
}

.page-title img{
	vertical-align:middle;
}

/* ------ topic-path --------------------------- */

.container .topic-path {
	clear:both;
  text-align:left;
  margin:15px 0;
  font-size:75%;
  list-style: none;
	margin:95px 20px -75px;
}

.topic-path a,
.topic-path a:link,
.topic-path a:hover,
.topic-path a:visited,
.topic-path a:active {
  color:#5c4c3d;
  text-decoration:none;
}

.container .topic-path li {
	display:inline;
	padding:0;
}

.container .topic-path li::before {
	display:none;
}

.container .topic-path li::after {
  content:" » ";
	display:inline;
}

.container .topic-path li:last-child::after {
	display:none;
}

/* ------ pagetop ------------------------------ */

.pagetop{
  width: 980px;
  margin: 10px auto;
  text-align:right;
  font-size:78%;
}

.pagetop a,
.pagetop a:link,
.pagetop a:hover,
.pagetop a:visited,
.pagetop a:active {
  text-decoration:none;
  color:#666;
  padding:5px 10px 5px 15px;
}

/* content
------------------------------------------------ */

.content {
/*
  width:840px;
  float:left;
*/
  text-align:left;
	padding-bottom:100px;
}

/* sidebar
------------------------------------------------ */

.sidebar{
	background:#fafaf9;
	box-shadow:0 0 5px rgba(0,0,0,0.33);
	font-size:88%;
  width:160px;
	position:fixed;
	top:0;
	left:170px;
	bottom:0;
  text-align:left;
	z-index:999;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}


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

.sidebar .local-navigation{
  margin-top:121px;
}

.sidebar .local-navigation h2{
	font-size:113%;
	font-weight:bold;
	text-align:center;
	position:relative;
  margin:0;
}

.sidebar .local-navigation h2::before{
	border-top:1px solid #6f6154;
	content:"";
	width:60px;
	position:absolute;
	bottom:-15px;
	left:50%;
	margin-left:-30px;
}

.sidebar .local-navigation ul{
	letter-spacing:-1px;
  margin:0;
}

.sidebar .local-navigation ul span{
  font-size:78%;
}

.sidebar .local-navigation li a{
  background:#eeedeb;
  display:block;
	position:relative;
	padding:10px 28px 10px 19px;
}

.sidebar .local-navigation li a::before{
	border-top:1px solid #5c4c3d;
	border-right:1px solid #5c4c3d;
	content:"";
	width:5px;
	height:5px;
	position:absolute;
	top:50%;
	right:21px;
	margin-top:-3px;
	transform:rotate(45deg);
}

.sidebar .local-navigation li li{
	border-top:1px solid #eee;
	font-size:86%;
}

.sidebar .local-navigation li li:first-child{
	border-top:none;
}

.sidebar .local-navigation li li a{
  background:#fafaf9;
	padding:6px 28px 6px 19px;
}

.sidebar .local-navigation li a:link,
.sidebar .local-navigation li a:visited,
.sidebar .local-navigation li a:hover,
.sidebar .local-navigation li a:active{
  text-decoration:none;
}

.sidebar .local-navigation li a:link,
.sidebar .local-navigation li a:visited{
  color:#5c4c3d;
}
.sidebar .local-navigation li a:hover,
.sidebar .local-navigation li a:active{
  color:#5c4c3d;
}

.sidebar .local-navigation li li a:link,
.sidebar .local-navigation li li a:visited{
  color:#a6a09a;
}
.sidebar .local-navigation li li.stay a:link,
.sidebar .local-navigation li li.stay a:visited,
.sidebar .local-navigation li li a:hover,
.sidebar .local-navigation li li a:active{
  color:#5c4c3d;
}

/* ------ banner ------------------------------- */

.sidebar .banner{
  margin-top:0;
}

.sidebar .banner li{
  margin-bottom:10px;
}



/* ---------------------------------------------
 footer
------------------------------------------------ */

.footer{
  background:#eeedeb;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka ;
  clear:both;
	margin-left:160px;
	padding:77px 0 73px;
}

.footer .inner{
	width:830px;
}

.footer a,
.footer a:link,
.footer a:hover,
.footer a:visited,
.footer a:active {
  color:#5c4c3d;
	display:inline-block;
  text-decoration:none;
}

.footer-contact dl{
	position:relative;
}

.footer-contact dt{
	font-size:113%;
	font-weight:normal;
}

.footer-contact dd.custom,
.footer-contact dd.reform{
	box-sizing:border-box;
	font-size:288%;
	font-weight:lighter;
	text-align:left;
	letter-spacing:1px;
	line-height:1;
	width:50%;
	margin:20px 0 0;
}

.footer-contact dd.reform{
	margin-top:30px;
}

.footer-contact dd.custom span,
.footer-contact dd.reform span{
	display:inline-block;
	font-size:52%;
	letter-spacing:0;
	width:5em;
	vertical-align:middle;
}

.footer-contact dd.reform span{
	letter-spacing:-4px;
}

.footer-contact dd.time{
	clear:both;
	font-size:88%;
	text-align:center;
	width:50%;
	margin-top:10px;
}

.footer-contact dd.contact {
	font-size:138%;
	font-weight:lighter;
	text-align:center;
	width:360px;
	height:95px;
	line-height:95px;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-30px;
}

.footer-contact dd.contact a {
	background:#5c4c3d;
	display:block;
}

.footer-contact dd.contact a:link,
.footer-contact dd.contact a:visited,
.footer-contact dd.contact a:hover,
.footer-contact dd.contact a:active{ color:#fff; }

.footer-contact dd.contact a:link,
.footer-contact dd.contact a:visited { opacity:1; }
.footer-contact dd.contact a:hover,
.footer-contact dd.contact a:active{ opacity:0.5; }

.footer .bnr-instagram{
	margin:30px 0 0;
}

.footer-navigation{
	display:flex;
	flex-wrap:wrap;
	text-align:left;
	margin:40px 0 0;
}

.footer-navigation a:hover,
.footer-navigation a:active{ text-decoration:underline; }

.footer-navigation .title{
	font-size:129%;
	font-weight:bold;
	line-height:1;
	margin:0 0 23px;
}

.footer-navigation ul{
	border-left:1px solid #c2bcb6;
	box-sizing:border-box;
	font-size:88%;
	margin:0 0 -4px;
}

.footer-navigation ul.nav01{
	width:371px;
	padding:0 0 0 49px;
}

.footer-navigation ul.nav02{
	width:276px;
	padding:0 0 0 50px;
}

.footer-navigation ul.nav03{
	border-right:1px solid #c2bcb6;
	width:183px;
	padding:0 0 0 47px;
}

.footer-navigation ul li{
	margin:16px 0 0;
}

.footer-navigation ul li:first-child{
	margin-top:0;
}

.footer-navigation ul.nav03 li:first-child{
	margin-top:-6px;
}

.footer-navigation ul ul{
	border:none;
	font-size:93%;
	margin:-8px 0 0;
}

.footer-navigation ul ul ul{
	display:flex;
	flex-wrap:wrap;
	font-size:100%;
	margin:-1px 9px -8px 13px;
}

.footer-navigation ul ul ul li,
.footer-navigation ul ul ul li:first-child{
	margin:8px 0 0;
}

.footer-navigation ul.nav01 ul ul li{
	width:50%;
}

.footer-navigation ul.nav02 ul ul li{
	width:25%;
}

.footer-navigation ul.nav02 ul ul li:first-child{
	width:100%;
}

address dl{
	line-height:17px;
	margin:94px 0 0;
}

address dl dt{
	color:#333;
	font-size:113%;
	float:left;
	margin-right:1em;
}

address dl dt img{
	margin-right:19px;
}

address dl dd{
	font-size:88%;
	float:left;
	margin-left:1em;
}