<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* ===================================================================

 file name  :middle.css
 style info :下層ページ用 ヘッダ・フッタのみ

=================================================================== */
html.sc-hidden,
html.sc-hidden body{
	overflow: hidden;
}
/* ---------------------------------------------------------------------------
		reset
--------------------------------------------------------------------------- */

/* reset ---*/


#header img,
#footer img {
	border: 0;
	vertical-align:bottom;
}

#header li,
#footer li {
	list-style-type: none;
}


#header *,
#footer * {
	outline:none;
	box-sizing:border-box;
}


#header div,
#header span,
#header h1,
#header h2,
#header h3,
#header p,
#header img,
#header small,
#header dl,
#header dt,
#header dd,
#header ul,
#header li,
#header figure,
#header nav,
#header section,
#footer div,
#footer span,
#footer h1,
#footer h2,
#footer h3,
#footer p,
#footer img,
#footer small,
#footer dl,
#footer dt,
#footer dd,
#footer ul,
#footer li,
#footer figure,
#footer nav,
#footer section {
	line-height: 1.5;
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

/* default ---*/
#header,
#footer {
	color: #000;
	font-size: 12px;
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}
#wrapper{
	overflow: hidden;
	min-width: 950px;
}


/* ---------------------------------------------------------------------------
	effect
--------------------------------------------------------------------------- */
/*
	txt-effect_line-u
	&lt;p class="txt-effect_line-u"&gt;&lt;a href="#"&gt;テキスト&lt;/a&gt;&lt;/p&gt;
*/
.txt-effect_line-u a{
	position: relative;
	display: inline-block;
}
.txt-effect_line-u a::after{
	content:'';
	display: block;
	position: absolute;
	bottom:0;
	width: 0%;
	height: 1px;
	background: #000;
	transition:all ease .3s;
}
.txt-effect_line-u a:hover::after{width: 100%;}
/*
	txt-effect_line-uc
	&lt;p class="txt-effect_line-uc"&gt;&lt;a href="#"&gt;テキスト&lt;/a&gt;&lt;/p&gt;
*/
.txt-effect_line-uc a{
	position: relative;
	display: inline-block;
}
.txt-effect_line-uc a::after{
	content:'';
	display: block;
	position: absolute;
	bottom:0;
	width: 100%;
	height: 1px;
	background: #000;
	transform: scaleX(0);
	transition:all ease .3s;
}
.txt-effect_line-uc a:hover::after{transform: scaleX(1);}
/*
	txt-effect_line
	&lt;p class="txt-effect_line"&gt;&lt;a href="#"&gt;テキスト&lt;/a&gt;&lt;/p&gt;
*/

/* ---------------------------------------------------------------------------
	font
--------------------------------------------------------------------------- */
#header .wf-Amiri-i
#footer .wf-Amiri-i{font-family: 'Amiri', serif; font-style: italic;}
#header .wf-Garamond,
#footer .wf-Garamond{font-family: 'EB Garamond', serif;}


/* ---------------------------------------------------------------------------
	othes
--------------------------------------------------------------------------- */
.ls1em{letter-spacing: 0.1em;}
.ls2em{letter-spacing: 0.2em;}
.lh13{ line-height: 1.3;}



/* ---------------------------------------------------------------------------
		#modalLayer
--------------------------------------------------------------------------- */
#modalLayer{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	background: rgba(0,0,0,0.7);
	display: none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

/* ---------------------------------------------------------------------------
		#header
--------------------------------------------------------------------------- */
#header{
	min-width: 768px;
	width: 100% !important;
	position: relative;
	/*padding-top: 120px;*/
	margin: 0 !important;
}
#header a{
	transition:all ease 0.3s;
	text-decoration: none;
}


/* hnav */
#header .hnav{
	position: absolute;
	top: 0;
	right:16px;
	display: block;
	z-index: 1011;
}
#header .hnav li{
	width: 110px;
	float: left;
}
#header .hnav li a{
	display: block;
	text-align: center;
	position: relative;
	line-height: 30px;
}
#header .hnav .hnavMypage a::before{
	content:'';
	background: url(/assets/images/top/ico_mypage.png) no-repeat;
	width: 10px;
	height: 12px;
	position: absolute;
	top:50%;
	left: 16px;
	margin-top: -6px;
}
#header .hnav .hnavMypage a{
	padding-left: 10px;
	background: #343434;
	color: #FFF;
}
#header .hnav .hnavQa a{
	background: rgba(255,255,255,0.6);
	color: #000;
}
#header .hnav .hnavMypage a:hover{
	box-shadow: inset 0 0 0 2em #000;
}
#header .hnav .hnavQa a:hover{
	box-shadow: inset 0 0 0 2em #DDD;
}



#header .head-overlay{
	min-width: 950px;
	position: absolute;
	top:0;
	bottom:auto;
	left:0;
	width: 100%;
	background: #FFF;
	padding-top: 30px;
	z-index: 5999;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
#header .head-overlay .fixed-logo{
	position: absolute;
	left:26px;
	top:22px;
	display: block;
	width: 66px;
	transition: all ease .3s;
	z-index: 5001;
}
/*
	fixed
*/
#header .head-overlay.fixed{
	position: fixed;
}


/* gnav */
#gnav{
	background: #FFF;
	width: 100%;
	position: relative;
	z-index: 5000;
	top:0;
	left: 0;
	padding:10px 0 10px 110px;
}
#gnav a{
	color: #000;
	font-size: 16px;
}
@media screen and (max-width: 1100px){
	#gnav #gnavMenu &gt; li a{font-size: 14px;}
}
#gnav #gnavMenu{
	max-width: 1200px;
	margin: 0 auto;
	display: table;
	width: 100%;
	height: 46px;
}
#gnav #gnavMenu &gt; li{
	text-align: center;
	display: table-cell;
}
#gnav #gnavMenu &gt; li &gt; span{
	background: url(/assets/images/top/ico_gnav.png) no-repeat right 50%;
	position: relative;
	display: block;
	text-align: center;
}
#gnav #gnavMenu &gt; li &gt; span &gt; a{
	line-height: 46px;
	display: block;
}
#gnav #gnavMenu &gt; li &gt; span::after{
	content:'';
	width: 60%;
	height: 1px;
	position: absolute;
	left: 20%;
	bottom:0;
	background: #000;
	transition: all ease .3s;
	transform: scaleX(0);
}
#gnav #gnavMenu &gt; li &gt; span:hover::after,
#gnav #gnavMenu &gt; li.show &gt; span::after{
	transform: scaleX(1);
}
#gnav #gnavMenu &gt; li#gnavReserve &gt; a{
	display: block;
	background: #1070ae;
	color: #FFF;
	line-height: 46px;
	font-weight: bold;
}
#gnav #gnavMenu &gt; li#gnavReserve &gt; a:hover{
	box-shadow: inset 0 0 0 4em #005186;
}
#gnav #gnavMenu &gt; li:last-child &gt; span,
#gnav #gnavMenu &gt; li:last-child &gt; span,
#gnav #gnavMenu &gt; li#gnavReserve &gt; span,
#gnav #gnavMenu &gt; li#gnavReserve &gt; span{background: none;}


/*.dropdown */
.gnavdropmenu{
	background: rgba(255,255,255,0.85);
	position: absolute;
	width: 100%;
	left: 0;
	padding:50px 10px;
	transition: all ease .5s;
	text-align: left;
	-ms-transform: translateX(-110%);
	transform: translateX(-110%);
}
.gnavdropmenu::before{
	content:'';
	background: rgba(255,255,255,0.3);
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-ms-transform: translateX(-210%);
	transform: translateX(210%);
	transition: all ease .5s;
}
.show .gnavdropmenu{
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.show .gnavdropmenu::before{
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}
.gnavdropmenu .drop-inner{
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
#gnavDropdown-Search{
}
#gnavDropdown-Search .drop-inner{
	border-left:1px solid #cecece;
}
#gnavDropdown-Search .ttl{
	width: 33%;
	padding: 0 6%;
	float: left;
}
#gnavDropdown-Search .ttl h2{
	font-size: 26px;
	font-weight: normal;
	line-height: 1.3;
}
#gnavDropdown-Search .ttl span{
	display: block;
	font-size: 26px;
	line-height: 1.3;
}
#gnavDropdown-Search .ttl small{
	display: block;
	font-size: 16px;
	font-family: 'Amiri', serif; font-style: italic;
	line-height: 1.3;
}
#gnavDropdown-Search .ttl .ja{
	margin-top: 0.5em;
	font-size: 20px;
	font-weight: bold;
}
#gnavDropdown-Search .menu{
	width: 20%;
	padding-left: 2.4%;
	float: left;
	position: relative;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
}
#gnavDropdown-Search .menu ul li {
	overflow: hidden;
	padding: 0 7% 0 0;
}
#gnavDropdown-Search .menu ul li a{
	position: relative;
	display: block;
	line-height: 46px;
	padding-left:46px;
	color: #000;
	z-index: 1;
}
#gnavDropdown-Search .menu ul .line2 a{
	line-height: 23px;
}
#gnavDropdown-Search .menu ul li a:hover,
#gnavDropdown-Search .menu ul li.drop.hover &gt; a{
	color: #FFF;
}
#gnavDropdown-Search .menu ul li a::before{
	content:'';
	display: block;
	position: absolute;
	top:50%;
	left: 16px;
	background: #cdcdcd;
	width: 8px;
	height: 1px;
}
#gnavDropdown-Search .menu ul li a span{
	content:'';
	display: block;
	position: absolute;
	left:-100%;
	top:0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #1070ae;
	margin-left: -20px;
	opacity: 0;
	transition: all ease .3s;
}
#gnavDropdown-Search .menu ul li.drop-place a span{
	width: 20%;
	left: 20%;
}
#gnavDropdown-Search .menu ul li a span::after{
	content:'';
	position: absolute;
	right: -20px;
	top:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 23px 0 23px 21px;
	border-color: transparent transparent transparent #1070ae;
	z-index:1;
}
#gnavDropdown-Search .menu ul li a:hover &gt; span,
#gnavDropdown-Search .menu ul li.drop.hover &gt; a &gt; span{
	left: 0;
	opacity: 1;
}
#gnavDropdown-Search .menu ul li.drop-place a:hover &gt; span,
#gnavDropdown-Search .menu ul li.drop-place.hover &gt; a &gt; span{
	left: 20%;
	width: 80%;
	opacity: 1;
}
#gnavDropdown-Search .menu ul li.drop-place a:hover,
#gnavDropdown-Search .menu ul li.drop-place.hover &gt; a{
	color: #FFF;
}
#gnavDropdown-Search .menu .pref{
	position: absolute;
	left: 100%;
	width: 0;
	overflow: hidden;
	/*-ms-overflow-style:none;*/
}
/*
#gnavDropdown-Search .menu .pref::-webkit-scrollbar{
 display:none;
}
*/



#gnavDropdown-Search .menu .pref-tohoku{
	top:92px;
}
#gnavDropdown-Search .menu .pref-kanto{
	top:0;
}
#gnavDropdown-Search .menu .pref-tokai{
	top:184px;
}
#gnavDropdown-Search .menu .pref-kansai,
#gnavDropdown-Search .menu .pref-chugoku,
#gnavDropdown-Search .menu .pref-shikoku,
#gnavDropdown-Search .menu .pref-kyushu{
	bottom:0;
}



#gnavDropdown-Search .menu .place{
	position: absolute;
	left: 100%;
	/*width: 0;*/
	width: 250%;
	top:0;
	overflow: hidden;
	/*opacity: 0;*/
	display: none;
	font-size: 14px;
}
#gnavDropdown-Search .menu .place a{
	font-size: 14px;
}
/* place 46px*/
#gnavDropdown-Search .menu .over{height: 414px;overflow-y:scroll;}
#gnavDropdown-Search .menu .place-hokkaido{top:46px;}
#gnavDropdown-Search .menu .place-ibaraki{height: 414px;}
#gnavDropdown-Search .menu .place-tochigi{top:-46px;}
#gnavDropdown-Search .menu .place-chiba{top:-138px;}
#gnavDropdown-Search .menu .place-gifu{top:-138px;}
#gnavDropdown-Search .menu .place-osaka{top:-92px;}
#gnavDropdown-Search .menu .place-hyogo{top:-322px;}
#gnavDropdown-Search .menu .place-okayama{top:-46px;}
#gnavDropdown-Search .menu .place-hiroshima{top:-46px;}
#gnavDropdown-Search .menu .place-ehime{top:-92px;}

#gnavDropdown-Search .menu .over::-webkit-scrollbar{
  -webkit-appearance: none;
  width: 5px;
}
#gnavDropdown-Search .menu .over::-webkit-scrollbar-thumb{
  border-radius: 4px;
  background-color: rgba(0,0,0,.2);
}

/* 表示 */
#gnavDropdown-Search .menu .hover .pref{
	overflow: visible;
	width: 65%;
}
#gnavDropdown-Search .menu .hover .drop-place.hover .place{
	/*overflow-y:scroll;*/
	/*width: 250%;*/
	/*opacity: 1;*/
}
#gnavDropdown-Search .menu .drop-hokkaido.hover .place-hokkaido{
	/*overflow-y:scroll;*/
	width: 200%;
}
#gnavDropdown-Search .menu .drop-hokkaido.hover .place-hokkaido li{
	padding-left: 3.5%;
	opacity: 1;
	-ms-transform:translateX(0);
	transform:translateX(0);
}
#gnavDropdown-Search .menu .drop-hokkaido.hover .place-hokkaido li a{
	padding-left:40px;
}
#gnavDropdown-Search .menu .drop-hokkaido.hover .place-hokkaido li a::before{
	left: 9px;
}


#gnavDropdown-Search .menu .pref &gt; li{
	padding: 0 7%;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	opacity: 0;
	-ms-transform:translateX(-10%);
	transform:translateX(-10%);
	overflow: visible;
}
#gnavDropdown-Search .menu .place &gt; li{
	padding: 0;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	/*opacity: 0;*/
	-ms-transform:translateX(-5%);
	transform:translateX(-5%);
}



#gnavDropdown-Search .menu .hover .pref &gt; li{
	opacity: 1;
	-ms-transform:translateX(0);
	transform:translateX(0);
}
#gnavDropdown-Search .menu .hover .drop-place.hover .place &gt; li{
	/*opacity: 1;*/
	-ms-transform:translateX(0);
	transform:translateX(0);
}
/*#gnavDropdown-Search .menu .hover .drop-place.hover &gt; a,*/
/*#gnavDropdown-Search .menu .pref &gt; li a:hover,*/
#gnavDropdown-Search .menu .place &gt; li a:hover{
	background: #1070ae;
	color: #FFF;
}



@media screen and (max-height: 650px){
	#gnavDropdown-Search .menu{
		width: 18%;
	}
	#gnavDropdown-Search .menu ul li {
		font-size: 13px;
	}
	#gnavDropdown-Search .menu ul li a{
		line-height: 34px;
		font-size: 13px;
	}
	#gnavDropdown-Search .menu .place a{
		font-size: 13px;
	}
	#gnavDropdown-Search .menu ul .line2 a{
		line-height: 17px;
	}
	#gnavDropdown-Search .menu .pref-tohoku{
		top:68px;
	}
	#gnavDropdown-Search .menu .pref-tokai{
		top:136px;
	}
	#gnavDropdown-Search .menu ul li a span::after{
		border-width: 17px 0 17px 21px;
	}
	/* place 34px*/
	#gnavDropdown-Search .menu .place-hokkaido{top:34px;}
	#gnavDropdown-Search .menu .place-ibaraki{height: 306px;}
	#gnavDropdown-Search .menu .place-tochigi{top:-34px;height: 306px;}
	#gnavDropdown-Search .menu .place-chiba{top:-102px;height: 306px;}
	#gnavDropdown-Search .menu .place-gifu{top:-102px;}
	#gnavDropdown-Search .menu .place-osaka{top:-68px;}
	#gnavDropdown-Search .menu .place-hyogo{top:-238px;}
	#gnavDropdown-Search .menu .place-okayama{top:-34px;}
	#gnavDropdown-Search .menu .place-hiroshima{top:-34px;}
	#gnavDropdown-Search .menu .place-ehime{top:-68px;}
}

@media screen and (max-width: 1160px){
	#gnavDropdown-Search .menu ul li,
	#gnavDropdown-Search .menu ul li a {
		font-size: 13px;
	}
	#gnavDropdown-Search .menu .place a{
		font-size: 13px;
	}
	#gnavDropdown-Search .ttl {
    width: 30%;
  }
	#gnavDropdown-Search .menu .hover .drop-place.hover .place{
		width: 290%;
  }
}




#gnavDropdown-Member{
	/*display: none;*/
}
#gnavDropdown-Member ul{
	overflow: hidden;
}
#gnavDropdown-Member ul li{
	float: left;
	padding: 0 3.5% 3.5%;
	width: 33.3333%;
	border-left:1px solid #cecece;
}
#gnavDropdown-Member ul li a{
	display: block;
}
#gnavDropdown-Member ul li a figure{
	overflow: hidden;
	background: #000;
}
#gnavDropdown-Member ul li a figure img{
	transition: all ease .5s;
}
#gnavDropdown-Member ul li a:hover figure img{
	-ms-transform:scale(1.2);
	transform:scale(1.2);
	opacity: 0.6;
}
#gnavDropdown-Member a p{
	position: relative;
	padding: 0.5em 0 0.5em 30px;
	font-weight: bold;
	transition: all ease .5s;
	font-size: 16px;
}
#gnavDropdown-Member ul li a:hover p{
	padding-left: 40px;
}
#gnavDropdown-Member a p::before{
	content:'';
	display: block;
	position: absolute;
	top:50%;
	left: 0;
	background: #cdcdcd;
	width: 8px;
	height: 1px;
}






/* ---------------------------------------------------------------------------
	#pageTop
--------------------------------------------------------------------------- */
#pageTop{
	position: fixed;
	right: 50px;
	bottom:120px;
	z-index: 850;
	opacity: 0;
	pointer-events: none;
	transition: all ease .5s;
	width: 1em;
	line-height: 12px !important;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	margin: 0;
	padding: 0;
}
#pageTop.show{
	opacity: 1;
	pointer-events: auto;
}
#pageTop a{
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: #000;
  font-size: 134%;
  letter-spacing: 0.2em;
  padding-top: 55px;
	transition: all ease .3s;
	backface-visibility:hidden;
	font-family: 'Amiri', serif; font-style: italic;
  text-decoration: none;
}
#pageTop a::after{
	content:'';
	height: 40px;
	width: 1px;
	position: absolute;
	left: 50%;
	top: 0;
	background: #000;
	transition: all ease .3s;
	backface-visibility:hidden;
}
#pageTop a::before{
	content:'';
	height: 8px;
	width: 1px;
	position: absolute;
	left: 50%;
	margin-left: 0;
	top: 0;
	-ms-transform-origin: right top;
	transform-origin: right top;
	background: #000;
	transition: all ease .3s;
	backface-visibility:hidden;
}
#pageTop.wh a{color: #FFF;}
#pageTop.wh a::after,
#pageTop.wh a::before{background: #FFF;}
#pageTop a:hover::after{
	height: 20px;
	top: 20px;
}
#pageTop a:hover::before{
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	top: 20px;
}
@media screen and (max-width: 960px) {
  #pageTop {
    right: 20px;
    bottom: 20px;
  }
}




/* ---------------------------------------------------------------------------
	#footer
--------------------------------------------------------------------------- */
#footer{
	min-width: 768px;
	background: #FFF;
	position: relative;
	z-index: 801;
  width:100% !important;
  margin:0 !important;
}
#footer a{
	transition:all ease 0.3s;
	text-decoration: none;
}
#footer .areanav{
	background: #e9e9e9;
	padding: 7px;
	font-size: 125%;
}
#footer .areanav dl{
	position: relative;
	overflow: hidden;
	max-width: 1200px;
	padding-left: 190px;
	margin: 0 auto;
}
#footer .areanav dl dt{
	position: absolute;
	left: 0;
	top:50%;
	margin-top: -1.2em;
	padding: 0.5em;
	font-weight: bold;
	font-size: 15px;
}
#footer .areanav dl dd{
	width: 105px;
	margin: 3px;
	float: left;
	font-size: 15px;
}
#footer .areanav dl dd a{
	background: #FFF;
	padding: 0.3em;
	display: block;
	text-align: center;
	color: #000;
	border: 1px solid #FFF;
}
#footer .areanav dl dd a:hover{
	border-color:#cdcdcd;
	color: #555;

}


#footer #sitemap{
	overflow: hidden;
	max-width: 1236px;
	margin: 0 auto;
	padding:38px 18px;
}
#footer #sitemap h3{
	text-align: center;
	font-size: 217%;
	margin-bottom: 1.2em;
	font-weight: normal;
}
#footer #sitemap .blocks{
	display: flex;
}
#footer #sitemap .block{
	display: inline-block;		/* インラインブロック要素にする */
	vertical-align: text-top;	/* テキストを上段に */
	width: 20%;
	margin-bottom: 20px;
	padding:0 25px;
}
#footer #sitemap .block dt{
	padding: 0.5em 0;
	margin-bottom: 1em;
	font-size: 125%;
	font-weight: bold;
	border-bottom: 1px solid #e1e1e1;
}
#footer #sitemap .block dd{
	margin-bottom: 1em;;
	font-size: 109%;
}
#footer #sitemap .block dd a{
	color: #000;
}

@media screen and (max-width: 960px){
  #footer #sitemap .grid-sizer{ width: 25%; }
  #footer #sitemap .block{
		width: 25%;
		padding:0 20px;
	}
}

#footer .subnav{
	background: #454545;
	padding:1em 15px;
	text-align:center;
}
#footer .subnav ul{
	text-align:center;
}
#footer .subnav ul li{
	font-size: 13px;
	padding: 0.2em 0 0 1.8em;
	display: inline-block;
}
#footer .subnav ul li::after{
	content:'|';
	display: inline;
	color: #767676;
	margin-left: 1.8em;
}
#footer .subnav ul li:last-child::after{display: none;}
#footer .subnav ul li a{
	color: #FFF;
}
#footer .subnav ul li a::after{
	background: #FFF;
}
@media screen and (max-width: 1200px){
	#footer .subnav ul li{padding-left:0.8em;}
	#footer .subnav ul li::after{margin-left: 0.8em;}
}


#footer .foot-inner{
	padding: 70px 15px 30px;
	background: #2d2d2d;
	text-align:center;
	color: #FFF;
}
#footer .foot-inner .logo{
	width: 102px;
	margin: 0 auto 50px;
}
#footer .foot-inner .socials{
	width: 140px;
	padding: 15px;
	letter-spacing:-0.4em;
	margin: 0 auto 80px;
}
#footer .foot-inner .socials li{
	width: 48px;
	display: inline-block;
    letter-spacing: normal;
}
#footer .foot-inner .socials li a{
	display: block;
	background: #454545 url(/images/top/ico_facebook.png) no-repeat 50% 50%;
	background-size:18px;
	width: 46px;
	height: 46px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #454545;
}
#footer .foot-inner .socials li.btn-insta {
	margin-left:10px;
}
#footer .foot-inner .socials li.btn-insta a {
    background: #454545 url(/images/top/ico_instagram.png) no-repeat 50% 50%;
    background-size: 18px;
}
#footer .foot-inner .socials li.btn-mail a{
	background: #454545 url(/assets/images/top/ico_mail.png) no-repeat 50% 50%;
	background-size:18px;
}
#footer .foot-inner .socials li a:hover{
	border: 1px solid #797979;
	background-color: #666;
	-ms-transform: rotate(360deg) scale(1.1);
	transform: rotate(360deg) scale(1.1);
}


#footer p.copyright{
	font-family: 'Amiri', serif; font-style: italic;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
}


</pre></body></html>