@charset "utf-8";
/* CSS Document */
/*
font-family: 'Crimson Text', serif;明朝
font-family: 'Cabin', sans-serif;太ゴシック
font-family: 'Lato', sans-serif;通常ゴシック
*/
/* ====================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126 
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body{line-height:1.5em;color:#000000;font-family: 'Lato', sans-serif;background:#ffffff;font-size:0.9em;letter-spacing:0.05em;}
ul{list-style-type:none; padding-left: 0; padding-bottom: 0;}
li img{vertical-align:middle;}
p{padding-bottom:1.4em;margin: 0;}
textarea,table{font-size:1.0em;}
img { vertical-align:bottom; }
img,a{border:0;outline:none;}
address{font-style:normal;display:inline;}
.left{ float: left;}
.right{ float: right;}
.clear{clear:both;}
.tright{text-align: right;}
.tcenter{text-align: center;}
element or parent element{width:100%;height:auto;min-height:1px;max-height:999999px;}
/* clearfix -------------------*/
.clearfix:after{content:".";height:0;line-height:0;clear:both;display:block;visibility:hidden;}
.clearfix{display:block;}

/* LinkColor -------------------*/
a{ color:#499D97;}
a:hover{text-decoration:none;}
a:hover img{
	opacity: .65; 
	filter: alpha(opacity=65); 
	-ms-filter: "alpha(opacity=65)";
	-khtml-opacity: .65; 
	-moz-opacity: .65; }
a.linkbtn{background-color:#000000; color: #ffffff;background-image: url(../img/top/link.png); background-position: 7px center; background-repeat:no-repeat; text-decoration: none; font-size:0.9em; padding: 2px 10px 2px 19px; }
a.linkbtn:hover{ color:#ffffff;background-color:#499D97;}

/*readmore btn*/
.readmore{text-align: center;padding: 10px 0;}
.readmore span,
.readmore a{
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  position: relative;
  z-index: 2;
 /*background-color: #fff;*/
  border: 2px solid #BDA274;
	font-family: 'Cabin', sans-serif;
  color: #BDA274;
  line-height: 35px;
  overflow: hidden;
	width: 130px;
}
.readmore span::before,
.readmore span::after,
.readmore a::before,
.readmore a::after{
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.readmore span,
.readmore span::before,
.readmore span::after,
.readmore a,
.readmore a::before,
.readmore a::after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.readmore span:hover,
.readmore a:hover{
  color: #fff;
}
.readmore span::after,
.readmore a::after{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.readmore span:hover::after,
.readmore a:hover::after{
  background: #BDA274;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*other btn*/
a.outlink {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  position: relative;
  z-index: 2;
 background-color: #fff;
  border: 2px solid  #000000;
	font-family: 'Cabin', sans-serif;
  color:  #000000;
  line-height: 27px;
  overflow: hidden;
	min-width: 120px;
	vertical-align: top;
	font-size: 0.9em;
	padding: 0 10px;
	margin-bottom: 5px;
}
a.outlink::before,
a.outlink::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
a.outlink,
a.outlink::before,
a.outlink::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.outlink:hover {
  color: #fff;
}
a.outlink::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
a.outlink:hover::after {
  background: #000000;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*other btn*/
.inlink {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  position: relative;
  z-index: 2;
 background-color: #fff;
  border: 2px solid  #C7AC74;
	font-family: 'Cabin', sans-serif;
  color:  #C7AC74;
  line-height: 27px;
  overflow: hidden;
	min-width: 120px;
	vertical-align: top;
	font-size: 0.9em;
	padding: 0 10px;
}
.inlink::before,
.inlink::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.inlink,
.inlink::before,
.inlink::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.inlink:hover {
  color: #fff;
}
.inlink::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.inlink:hover::after {
  background: #C7AC74;
  -webkit-transform: scale(1);
  transform: scale(1);
}

article {
	max-height: 60px;
}

/* HTML5 display-role reset for older browsers 
*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/*--------------
header*/
header{ position:relative;z-index: 4;/* background-color: #ffffff;*/  }
header.fixed{ position:fixed;width: 100%;}
header #logo a{ color:#4C4948; text-decoration: none; opacity: 1;}
header #logo a:hover{ opacity: 1;}
header #logo{ width: 230px;position:absolute; left: 15px; top:20px; z-index: 100;font-family: 'Crimson Text', serif; font-size: 1.5em; line-height: 1.2;letter-spacing: -0.02em;}
header #logo img{ width: 148px; height: 25px;}
header.fixed #logo{ width:200px; font-size: 1.2em;}
nav{/*background:#ffffff;*/}

/*--------------
share*/
#wrap{ position: relative;}

section{
	padding-top: 2px;
	margin-bottom: 10px;
	position: relative;
	clear: both;
}
.green{ color:#499D97;}
.red{ color:#e84a41;}
.ib{ display: inline-block;}

#mainimg{ position: relative;}
#mainimg h2{ 
	text-align: center;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#mainimg img{
	width: 100%;
	height: auto;
}
#mainimg img.pc{ display: block;}
#mainimg img.sp{ display: none;}

/*パンくず*/
#bc_wrap{ padding: 0 10px;}
#bc_wrap ol{overflow: hidden;width:100%;max-width: 1100px; margin: 0 auto;}
#bc_wrap li{ display: inline-block; position: relative;font-size: 0.8em;padding:5px 5px; }
#bc_wrap li a{ width:100%;max-width: 1000px; margin: 0 auto; display: inline-block; text-decoration: none;}
#bc_wrap li span:after{ content: "→";position: relative; right: -7px; width: 1em; height: 1em; color: #000000;}
#bc_wrap li:last-child span:after{ display: none;}

/*地図*/
#venue .wrap{ overflow: hidden; clear: both;padding-bottom: 50px; margin-bottom: 20px;}
#venue .left{width:58%;}
#venue .right{width:40%;}
#venue .vlink{ text-align: left;}
#venue .map{ clear:both;}
#venue #velink{ padding-top: 20px;}
#main #venue.overbox{ margin-bottom:0;}

/*クリックで開閉*/
.dropdown-list .head { font-weight: bold; cursor: pointer;}
.dropdown-list .row{display: none;}

.direction {
    margin: 0 auto;
    padding: 0;
}
.direction a {
    padding: 0;
    text-decoration: none;
    line-height: 1;
}
.direction p{ padding:10px 15px; }
label {
    display: block;
    margin: 0 0 2px 0;
    padding :12px;
    line-height: 1;
    color :#fff;
    background :#499D97;
    cursor :pointer;
	font-family: 'Cabin', sans-serif;
	font-size: 1.2em;
}
input {display: none;}
.direction ul {
    margin: 0;
    padding: 0;
    background :#f4f4f4;
    list-style: none;
}

.direction li {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#menu_bar01:checked ~ #links01 li,/* MAP */
#menu_bar02:checked ~ #links02 li,/* MAP */
#menu_bar03:checked ~ #links03 li,/* MAP */
#menu_bar04:checked ~ #links04 li,/* MAP */
#menu_bar05:checked ~ #links05 li,/* MAP */
#menu_bar06:checked ~ #links06 li,/* navi */
#menu_bar07:checked ~ #links07 li,/* navi */
#menu_bar08:checked ~ #links08 li{/* navi */
    max-height: 1500px;
    opacity: 1;
}

/*メインレイアウト*/
#headbox{background-size: contain ;background-repeat: no-repeat; background-position: top center;}
#headbox .inner{ overflow: hidden;margin: 0 auto 20px; max-width:1000px; width: 100%;  padding-top: 25%;}
#pgttl { padding: 30px; float: left; width: 500px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2P4////MwAJ4gPkCkW/4gAAAABJRU5ErkJggg==) repeat;}
#pgttl h1{color: #000000;font-size:2.7em;padding-bottom: 17px;border-bottom: 3px double;font-family: 'Cabin', sans-serif;line-height: 1.05; margin-bottom:20px; }
#pgttl p{padding-bottom: 0; }
#pgttl h1 span{ display: inline-block; font-size: 1rem;margin-bottom:20px;color: #ffffff; background-color:#BDA274; padding: 3px 10px 0;font-family: 'Crimson Text', serif;}
#headbox #ttl{padding: 30px;}
#ttl h1{ color: #000000;font-family: 'Cabin', sans-serif; font-size: 2.4em; text-align: center; padding: 20px 0 30px;}
#ttl h1 span{ display: block; font-size: 0.8rem;padding-bottom: 10px;color: #BDA274;}

#smenu {float: right; width:29%; margin-left: 1%; padding-top: 70px;margin-bottom: 20px;}
#smenu li { margin-bottom: 2px;}
#smenu li a { background-color: #C7AC74; color: #ffffff; display: block; padding: 7px 15px; text-decoration: none;font-family: 'Cabin', sans-serif;line-height: 1;box-sizing: border-box;}
#smenu li a:hover{ background-color:#000000;}


#main h2.ttl{color: #499D97;font-family: 'Crimson Text', serif; font-size: 1.7em; margin-bottom: 15px;	line-height: 1.3;}
#main h2.ttl:before{
	content: "";
	background: #499D97;
	width: 3px;
	height: 1em;
	display: inline-block;
	margin-right: 7px;
	position: relative;
	top: 3px;

}
#main .inbox{ background:/*url(../img/share/bk.jpg) repeat top center */#FCF9F2; margin: 0 auto; width: 100%; max-width: 1000px; padding: 30px 45px;} 
#main .overbox{ background: #FCF9F2;  width: 100%;}
#main .overbox .inner{max-width: 1000px; padding: 30px 45px;margin: 0 auto;}
#main .inbox h3,
#main .overbox h3{
	color: #000000;
	font-family: 'Cabin', sans-serif; 
	font-size: 1.8em;
	text-align: center; 
	padding-bottom: 16px; 
	margin-bottom: 20px;
	border-bottom: 2px solid #ffffff;
	line-height: 1.4;
}

/*--------------
footter*/
footer{ background: #ffffff; color: #000000; padding: 40px 10px 50px;border-top: 2px solid #BCBCBC;}
footer .inner{overflow: hidden; max-width: 1000px; margin: 0 auto;}

footer #f_info{float: left; width:17%; margin-right:1%; }
footer #f_corp{float: left; width:46%; margin-right:1%; }
footer #f_icon{float: left; width:25%; }

footer #f_info h2{ color: #BDA274;font-family: 'Cabin', sans-serif; font-size: 1.3em;padding-bottom: 10px;}
footer #f_info li{line-height: 2.2; font-size: 1em;font-family: 'Cabin', sans-serif;}
footer #f_info li a{ color: #000000; text-decoration: none;}
footer #f_info li a:hover{ color:#BDA274;}

footer #f_corp span{ font-size: 1.3em; font-family: 'Crimson Text', serif;}
footer #f_corp .sttl{ font-size: 1.2em;font-family: 'Cabin', sans-serif; padding-bottom: 10px;}
footer #f_corp p a{ display: inline-block; margin-right: 3px; vertical-align: bottom;}

footer #f_icon ul{text-align: right;}
footer #f_icon li{ display: inline-block; margin-right: 5px; margin-bottom: 5px; vertical-align: bottom;}

#copyright{text-align: center; padding: 10px 10px; clear: both; background: #BCBCBC;font-size: 0.8em;}
#copyright a{ color:#000000; text-decoration: none; }
#copyright a:hover{ color:#BDA274;}


/*--sp_flink---*/
#sp_flink{ display: none;z-index: 3;}
#sp_flink{ left:0; right:0;bottom:0; position: fixed;}
#sp_flink a{ display: inline-block; text-align: center; width: 50%; margin: 0; background:#499D97; color: #ffffff; text-decoration: none; padding: 9px 0;font-family: 'Cabin', sans-serif; font-size: 1em;position: relative;}
#sp_flink a:hover{ color: #ffffff; background:#000000;}
#sp_flink a:after{ content: "";display: block; position: absolute; right: 0;top: 0; bottom: 0; border:none;border-left: 1px solid #ffffff;}


/*---------------------------------------------------
*/

@media print, screen and (max-width: 1280px) {
	#headbox{ background-size: cover;}
}
@media print, screen and (max-width: 1000px) {
	section .container{margin: 0 15px; width: auto;}
	.classbox{width: 46%;margin: 0 2% 20px;}
	#mainimg p{ padding:5px 10px 10px; width: auto;}
	header #logo{width: 170px;font-size: 1.2em;top: 30px;}
	header #logo img{width: 148px;height: auto;}
	footer{padding: 40px 50px 20px;}
	footer #f_info{width: 27%;}
	footer #f_corp{width: 71%;}
	footer #f_icon{float: none;width: auto;clear: both;}
	footer #f_icon br{ display: none;}
	
	#pgttl{ padding: 10px 30px;}
	#headbox{ background-size: contain;}
	#headbox .inner{padding-top:40%;}
	#main .inbox{width: auto;margin: 0 20px;}
	#main .overbox{width: auto;}

}
@media print, screen and (max-width: 800px) {
	#smenu{clear: both;float: none;width: auto; margin: 0 20px 30px;padding-top: 15px;}
	header #logo{top: 10px;}
}
@media print, screen and (max-width: 700px) {
	header #logo{top: 8px;}
	footer{padding: 40px 20px 20px;}
	#main .overbox .inner{ padding: 30px 20px;}
}
@media print, screen and (max-width: 600px) {
	#bc_wrap li{ font-size: 0.75em; line-height: 1.3;}
	footer #f_info{float: none;width: auto; margin-right: 0; margin-bottom: 15px;}
	footer #f_info h2{font-size: 1.1em;}
	footer #f_info li{ line-height: 2;display: inline-block; padding-right: 15px;}
	footer #f_corp{float: none;width: auto; margin-right: 0;}
	#headbox{background-size: contain;}
	#headbox .inner{margin: 0 ;padding-top: 40%;}
	#pgttl{width: auto; float: none; padding:20px;}
	#pgttl h1{font-size: 2.2em;margin-bottom: 5px;}
	#headbox #ttl{padding: 0 20px 30px;}
	#ttl h1{font-size: 2.2em;}
	#main .inbox h3, 
	#main .overbox h3{/* font-size: 1.5em;text-align: left;*/}
	#main .inbox{padding: 20px;}
	#main h2.ttl{font-size: 1.5em; margin-bottom: 10px;line-height: 1.2;}
	#sp_flink{ display: block;}
}
@media print, screen and (max-width: 450px) {
	#mainimg img.pc{ display: none;}
	#mainimg img.sp{ display: block;}
	#smenu li a{ padding: 11px 15px;}
}

@media print, screen and (max-width: 400px) {
	.tp_box{ width: 98%;}
	#pgttl h1 span{ padding: 2px 10px 2px;}
}

.pb0{ padding-bottom: 0;}
.mb0{margin-bottom: 0;}

/* ブラウザのスクロールバーを常に表示させることでカクカクッとなるのを防ぐ */
html{
  overflow-y:scroll;
}

/* ローディングの背景部分のCSS */
.loader {
  background:#499D97;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:103;
}
.loader p{
	position:absolute;
	z-index: 2;
    top: -7%;
    left: 0;
    right: 0;
    bottom:0;
    margin: auto;
    width: 173px;
    height:141px;
}

/* ローディングのアニメーション部分のCSS */

.loader-animation {
    top: 30%;
    left: 0;
    right: 0;
    bottom: 0;
  position:absolute;
  margin:30px auto;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@media print, screen and (max-width: 600px) {
	.loader-animation{top:25%; left: 0;}
}
@media print, screen and (max-width: 350px) {
	.loader-animation{top:22%; left: 0;}
}

@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
#ec_link_fixd{
  position: fixed;
  right: 10px;
  bottom: 50px;
  width: 300px;
  z-index: 3;
  box-shadow: 2px 2px 8px #8d8d8d;
}
#ec_link_fixd a{
  display: inline-block;
  margin-bottom: 10px;
}
#ec_link_fixd a:last-child{
  margin-bottom: 0;
}
#ec_link_fixd .close{
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(25%, -25%);
  background: #FFF;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 1.11111vw;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 99999;
}
#ec_link_fixd .close svg{
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 800px) {
  #ec_link_fixd{
    width: 180px;
  }
}
#ec_link_fixd a{
  display: block;
  background: #FFF;
}
#ec_link_fixd a img{
  width: 100%;
}