@charset "utf-8";
/**
 * http://applemusic.tumblr.com/
 * https://jsfiddle.net/xq56dmrh/
 */
/** Regular */
@font-face {
  font-family: "San Francisco";
  font-weight: 400;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}
/** Medium */
@font-face {
  font-family: "San Francisco";
  font-weight: 500;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff");
}

/** Semi Bold */
@font-face {
  font-family: "San Francisco";
  font-weight: 600;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff");
}
/** Bold */ 
@font-face {
  font-family: "San Francisco";
  font-weight: 700;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff");
}
/** Bold */ 
@font-face {
  font-family: "San Francisco";
  font-weight: 900;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-heavy-webfont.woff");
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a,input,textarea,section{ margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{ display:block;}
nav ul{ list-style:none;}
ul{ list-style:none; }
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
pre,code,kbd,samp{ font-family:monospace,monospace; font-size:inherit;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
sup{ vertical-align:text-top; font-size:75%;}
sub{ vertical-align:text-bottom; font-size:75%;}
input,textarea,select{ z-index:auto; font-family:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle;}
a{ outline:none;}
audio:not([controls]){ display:none;}
time{ display:inline;}
[hidden]{ display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{ padding:0; border:0; outline:none;}
/*==================================================== */
body{-webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; font-family:-apple-system, 'San Francisco','BlinkMacSystemFont', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; line-height: 1; color: #000;}
button,
input,
textarea{font-family:-apple-system,'BlinkMacSystemFont', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;}
button{ cursor:pointer;}

a:link{ color:#c3a150; text-decoration: none;}
a:visited{ color:#c3a150;}
a:hover {color:#c3a150;}
a:active{color:#c3a150;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clr{clear:both;}
.hide{position:absolute !important; left:-9999px !important; top:-9999px !important;}
.clr{clear:both;}
section {clear:both; zoom:1;}
article:after,
section:after,
.clrFx:after{content:''; clear:both; display:block;}
img{-ms-interpolation-mode:bicubic;}

/* chrome bug fix*/
*{max-height:999999px;}
*,*::before,*::after {will-change:all;}
textarea,input[type="email"],input[type="password"],input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;}
textarea{resize:vertical;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,1) inset; outline:none;}
input,button{ outline:none;}
a img {-webkit-backface-visibility:hidden;}


/*
	BASE SET
__________________________________________________*/
html{overflow:visible;}
html,body {margin:0; padding:0;}

body {position:static; width:auto; *overflow-y:hidden; z-index:0; background:#fff; -webkit-text-size-adjust: 100%; text-align: center;}

#wrap{margin:0 auto; zoom:1; position:relative; overflow:hidden; min-width:1100px; z-index:0; width: 100%; transition: 0.6s;}
.menuopen #wrap{-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);}
.menuopen #wrap:after{content: ''; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(255,255,255,0); z-index: 100;}

#blur {transition: 0.6s;}
.modalopen #blur{-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); position: relative;}
.modalopen #blur:after{content: ''; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(255,255,255,0); z-index: 1300;}
.ie11.modalopen #blur {display: none;}

.over-section{margin:0 -50px; zoom:1; position:relative; *overflow-y:hidden; clear:both; padding:0;}
.over-section:after{content:''; clear:both; display:block;}
main {width:100%; margin:0 auto; z-index:10; position:relative; min-width:1100px;}
section {width:100%; margin:0 auto; clear:both; zoom:1; position:relative; z-index:10; padding:0; min-width:1100px; text-align:left;}
.wrap   {width:986px; margin:0 auto; clear:both; zoom:1; position:relative; z-index:10; padding:0; font-size: 0; line-height: 1;}

article   {width:1100px; margin:0 auto; clear:both; zoom:1; position:relative; z-index:10; padding:0;}
article:after,section:after,.wrap:after{content:''; clear:both; display:block;}
*,*::before,*::after {box-sizing: border-box;}

main {z-index:100; opacity:0; transition:opacity 0.6s; min-height: 640px;}
.imgloaded main,
.imgloaded #wrap{opacity:1;}

/*@media screen and (min-width:751px){*/

#menu {position: fixed; left: 22px; top: 50%; z-index: 1100; margin-top: -30px; cursor: pointer;}
#menu a{display: block; width: 60px; height: 60px; text-indent: 200%; overflow: hidden; white-space: nowrap; position: relative; z-index: 10;}
#menu a:after{content: ''; width: 100%; height: 100%; background: url(/images/common/btn-menu-hover-chrome.png) center top no-repeat; background-size: 30px 34px; position: absolute; left: 0; top: 13px; opacity: 0;}
#menu a:before{content: ''; width: 100%; height: 100%; background: url(/images/common/btn-close-hover-chrome.png) center top no-repeat; background-size: 30px 34px; position: absolute; left: 0; top: 13px; opacity: 0;}
#menu:after{content: ''; width: 100%; height: 100%; background: url(/images/common/btn-menu-chrome.png) center top no-repeat; background-size: 30px 34px; position: absolute; left: 0; top: 13px; opacity: 1; z-index: 0; -webkit-backface-visibility: hidden;}
#menu:before{content: ''; width: 100%; height: 100%; background: url(/images/common/btn-close-chrome.png) center top no-repeat; background-size: 30px 34px; position: absolute; left: 0; top: 13px; opacity: 0; z-index: 0; -webkit-backface-visibility: hidden;}
#menu:after,
#menu:before,
#menu a:after,
#menu a:before{transition: 0.4s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
#menu:hover:after{opacity: 0;}
#menu:hover a:after{opacity: 1;}
.menuopen #menu:after{opacity: 0;}
.menuopen #menu a:after{opacity: 0;}
.menuopen #menu:before{opacity: 1;}
.menuopen #menu:hover:before{opacity: 0;}
.menuopen #menu:hover a:before{opacity: 1;}

#mainmenu {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; display: none;}
#mainmenu div {display: flex; width: 1100px; margin: 0 auto; position: relative; z-index: 10; text-align: left; font-size: 0; line-height: 1; -webkit-justify-content: center; -webkit-align-items: center; justify-content: center; align-items: center; height: 100%;}
#mainmenu div h2 a{width: 1000px; height: 82px; background: url(/images/common/logo.png) left top no-repeat; background-size:auto 100%; margin-bottom: 58px; margin-left: 96px; display: block;}
#mainmenu div ul.menu li {display: block; padding: 0 0 0 102px;}
#mainmenu div ul.menu li + li {margin-top: 36px;}
#mainmenu div ul.menu li a{display: block; position: relative; height: 32px;}
#mainmenu div ul.menu li a:after{content: ''; width: 404px; height: 32px; background: url(/images/common/nav.png) 0 0 no-repeat; position: absolute; left: 0; top: 0; transition: 0.4s; opacity: 1;}
#mainmenu div ul.menu li:nth-child(2) a:after{background-position: 0 -68px;}
#mainmenu div ul.menu li:nth-child(3) a:after{background-position: 0 -138px;}

#mainmenu div ul.menu li:nth-child(5) a:after{background-position: 0 -205px;}
#mainmenu div ul.menu li:nth-child(6) a:after{background-position: 0 -275px;}
#mainmenu div ul.menu li:nth-child(4) a:after{background-position: 0 -342px;}

#mainmenu div ul.menu li a:before{content: ''; width: 404px; height: 32px; background: url(/images/common/nav.png) -420px 0 no-repeat; position: absolute; left: 0; top: 0; transition: 0.4s; opacity: 0;}
#mainmenu div ul.menu li:nth-child(2) a:before{background-position: -420px -68px;}
#mainmenu div ul.menu li:nth-child(3) a:before{background-position: -420px -138px;}
#mainmenu div ul.menu li:nth-child(4) a:before{background-position: -420px -342px;}
#mainmenu div ul.menu li:nth-child(5) a:before{background-position: -420px -205px;}
#mainmenu div ul.menu li:nth-child(6) a:before{background-position: -420px -275px;}
#mainmenu div ul.menu li:nth-child(1) a {padding-left: 424px;}
#mainmenu div ul.menu li:nth-child(2) a {padding-left: 224px;}
#mainmenu div ul.menu li:nth-child(3) a {padding-left: 289px;}
#mainmenu div ul.menu li:nth-child(4) a {padding-left: 277px;}
#mainmenu div ul.menu li:nth-child(5) a {padding-left: 277px;}
#mainmenu div ul.menu li:nth-child(6) a {padding-left: 289px;}

#mainmenu div ul.menu li a b{font-size: 16px; line-height: 1; color: #c3a150; display: block; transition: 0.4s; padding: 11px 0 0; font-weight: normal;}
#mainmenu div ul.menu li a:hover b {color: #e60012;}
#mainmenu div ul.menu li a:hover:after{opacity: 0;}
#mainmenu div ul.menu li a:hover:before{opacity: 1;}
#mainmenu:after{content: ''; width: 100%; height: 100%; background: url(/images/common/bg-menu.png) center center no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: -1;}
#mainmenu .snslink {display: none;}

dl.snslink {position: fixed; right: 37px; top: 50%; z-index: 1200; font-size: 0; line-height: 1; margin-top: -67px;}
dl.snslink dt{background: url(/images/common/sns.png) center top no-repeat; height: 7px; margin-bottom: -7px;}
dl.snslink img {width: 27px; height: auto;}
dl.snslink li {padding-top: 20px;}
dl.snslink li a {transition: 0.4s;}
dl.snslink li a:hover {opacity: 0.6;}


/* content */
main section {padding: 85px 0; text-align: center;}
section h2 {background-position: center top; background-repeat: no-repeat; padding: 42px 0 0; margin-bottom: 65px; line-height: 1; font-size: 13px; color: #c3a150; text-align: center; background-size: auto 23px; letter-spacing: 0.2em;}
p.btn a{border: 2px solid #c3a150; color: #c3a150; display: block; width: 155px; height: 46px; line-height: 42px; text-align: center; transition: 0.4s; letter-spacing: 0.1em;}
p.btn a:hover {background-color: #c3a150; color: #fff;}

.copyrights{font-size: 11px; line-height: 43px; color: #c3a150; background: #fdfaf5; letter-spacing: 0.2em;}

p.sitelogo {position: fixed; left:19px; top: 55px; z-index: 1200; transition: 0.8s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate(-150px, 0);}
p.sitelogo img {width: 96px; height: auto;}
p.pagetop {position: fixed; right:33px; bottom: 55px; z-index: 1200; transition: 0.8s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate(0, 100px);}
p.pagetop img {width: 34px; height: auto;}
p.pagetop a,
p.sitelogo a {transition: 0.3s;}
p.pagetop a:hover,
p.sitelogo a:hover {opacity: 0.7;}

.showparts p.sitelogo,
.showparts p.pagetop{transform: translate(0,0);}




@media screen and (min-width:751px){
.pc-item {display:inline-block;}
.sp-item {display:none !important;}
.animation-up {opacity: 0; transform: translate(0, 20px); transition: 0.8s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.animation-up.itemshow { transform: translate(0, 0); opacity: 1;}
}

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

a:hover {text-decoration: none;}
.ios a{cursor: pointer;}

html {font-size: -webkit-calc(100vw / 37.5); font-size: calc(100vw / 37.5);}
#wrap{min-width:inherit;}

.over-section{margin:0;}

body {background-color:#fff;}
main {padding:3.5rem 0 0; min-width:inherit;}
main section{padding:0; width:auto;}
.wrap   {width:auto;}
article   {width:auto;}
section {min-width: inherit;}

.pc-item {display:none !important;}
.sp-item{display:inline-block;}

.animation-up {opacity: 0; transform: translate(0, 1rem); transition: 0.8s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.tablet .animation-up {opacity: 1; transform: translate(0, 0);}
.animation-up.itemshow { transform: translate(0, 0); opacity: 1;}

#menu {left: inherit; right: 0.95rem; top: 2.1rem; margin-top: 0;}
#menu a{width: 3.4rem; height: 4.2rem;}

#menu a:after{background-image: url(/images/common/btn-menu-hover.png); top: 0;}
#menu a:before{background-image: url(/images/common/btn-close-hover.png); top: 0;}
#menu:after{background-image: url(/images/common/btn-menu.png); top: 0;}
#menu:before{background-image: url(/images/common/btn-close.png); top: 0;}
#menu a:after,
#menu a:before,
#menu:after,
#menu:before{background-size:100% auto; -webkit-backface-visibility: hidden;}

#mainmenu div {width: 100%;}
#mainmenu div h2 a{width: 11.1rem; height: 4.1rem; background-position: left top; background-size: auto 100%; margin: 0 0 2.9rem 0rem; -webkit-backface-visibility: hidden;}
#mainmenu div ul.menu li {display: block; padding: 0 0 0 0.5rem;}
#mainmenu div ul.menu li + li {margin-top: 1.8rem;}
#mainmenu div ul.menu li a{display: block; position: relative; height: 1.6rem;}
#mainmenu div ul.menu li a:after{content: ''; width: 20.3rem; height: 1.6rem; background: url(/images/common/nav.png) 0 0 no-repeat; background-size: 42rem auto;}
#mainmenu div ul.menu li:nth-child(2) a:after{background-position: 0 -3.4rem;}
#mainmenu div ul.menu li:nth-child(3) a:after{background-position: 0 -6.9rem;}
#mainmenu div ul.menu li:nth-child(4) a:after{background-position: 0 -17.1rem;}
#mainmenu div ul.menu li:nth-child(5) a:after{background-position: 0 -10.25rem;}
#mainmenu div ul.menu li:nth-child(6) a:after{background-position: 0 -13.75rem;}
#mainmenu div ul.menu li a:before{content: ''; width: 20.3rem; height: 1.6rem; background: url(/images/common/nav.png) -21rem 0 no-repeat; background-size: 42rem auto;}
#mainmenu div ul.menu li:nth-child(2) a:before{background-position: -21rem -3.4rem;}
#mainmenu div ul.menu li:nth-child(3) a:before{background-position: -21rem -6.9rem;}
#mainmenu div ul.menu li:nth-child(4) a:before{background-position: -21rem -17.1rem;}
#mainmenu div ul.menu li:nth-child(5) a:before{background-position: -21rem -10.25rem;}
#mainmenu div ul.menu li:nth-child(6) a:before{background-position: -21rem -13.75rem;}
#mainmenu div ul.menu li:nth-child(1) a {padding-left: 21.0rem;}
#mainmenu div ul.menu li:nth-child(2) a {padding-left: 11.2rem;}
#mainmenu div ul.menu li:nth-child(3) a {padding-left: 14.45rem;}
#mainmenu div ul.menu li:nth-child(4) a {padding-left: 13.15rem;}
#mainmenu div ul.menu li:nth-child(5) a {padding-left: 13.15rem;}
#mainmenu div ul.menu li:nth-child(6) a {padding-left: 14.25rem;}
#mainmenu div ul.menu li a b{font-size: 1.05rem; padding: 0.5rem 0 0;}
#mainmenu:after{background: url(/images/common/bg-menu-sp.png) center center no-repeat; background-size: 100% 100%;}
dl.snslink {display: none;}
#mainmenu dl.snslink {display: block; position: static; margin: 0;}
#mainmenu dl.snslink dt {display: none;}
#mainmenu dl.snslink li {padding: 2.3rem 1rem 0 0; display: inline-block; vertical-align: top;}
#mainmenu dl.snslink img {width: 2.75rem; height: auto;}


/* content */
main section {padding: 4rem 0;}
section h2 { padding: 2.5rem 0 0; margin-bottom: 2rem; line-height: 1; font-size: 1.05rem; background-size: auto 1.5rem;}
p.btn a{border: 0.1rem solid #c3a150; width: 34.15rem; height: 4.6rem; line-height: 4.4rem; margin: 0 auto; font-size: 1.5rem;}

.copyrights{font-size: 0.9rem; line-height: 2.15rem;}

p.sitelogo {position: fixed; left:1.115rem; top:1.8rem; transform: translate(-10rem, 0);}
p.sitelogo a {display: block; width: 9rem; height: 3.45rem; background: url(/images/common/logo.png) left top no-repeat; background-size: 8.95rem auto; -webkit-backface-visibility: hidden;}
p.sitelogo img {width: 9rem; height: auto; display: none;}
p.pagetop {right:1.05rem; bottom: 1.05rem;transform: translate(0, 6rem);}
p.pagetop img {width: 3.3rem; height: auto;}

.mobile p.pagetop a:hover,
.mobile p.sitelogo a:hover {opacity: 1;}
.mobile #menu a:before,
.mobile #menu a:after {display: none !important;}
.mobile #menu:after{display: block !important; opacity: 1 !important;}
.mobile.menuopen #menu:after{opacity: 0 !important;}
.mobile.menuopen #menu:before{opacity: 1 !important;}


}


#baseW {position: fixed; left: 0; bottom: 0; width: 100%; width: 100vw; height: 1px; z-index: -1111; opacity: 0;}

/* informationmodal */
#informationmodal {position: absolute; left: 50%; top: 0; width: 840px; top: 50px; margin-left: -420px; background: rgba(255,255,255,0.90); border: 1px solid #c3a150; box-shadow: 0 0 12px rgba(195,161,80,0.2); display: none; z-index: 10000;}
#informationmodal p.close {position: absolute; right: 24px; top: 20px; z-index: 1000;}
#informationmodal p.close a{width: 32px; height: 34px; position: relative; display: block; font-size: 0; line-height: 1;}
#informationmodal p.close a:before{content: ''; width: 100%; height: 100%; background: url(/images/common/btn-modal-close.png) center center no-repeat; background-size: 100% auto; position: absolute; left: 0; top: 0; transition: 0.4s;}
#informationmodal p.close a:after{content: ''; width: 100%; height: 100%; background: url(/images/common/btn-modal-close-hover.png) center center no-repeat; background-size: 100% auto; position: absolute; left: 0; top: 0; transition: 0.4s; opacity: 0;}
#informationmodal p.close a:hover:before{opacity: 0;}
#informationmodal p.close a:hover:after{opacity: 1;}
#informationmodal article {width: 650px; text-align: left; padding: 70px 0 50px;}
#informationmodal article time {color: #c3a252; font-size: 15px; text-align: center; display: block; margin-bottom: 15px;}
#informationmodal article h1 {font-size: 15px; font-weight: bold; line-height: 29px; margin-bottom: 28px; text-align: center;}
#informationmodal article .entry {width: 608px; margin: 0 auto;}
#informationmodal article .entry img {border: 1px solid #c3a150; width: 100%; height: auto;}
#informationmodal article .entry p {font-size: 13px; line-height: 24px;}
#informationmodal article .entry p + p {margin: 23px 0 0;}
#informationmodal article .entry p.img + p {margin-top: 18px;}
@media screen and (max-width:750px){
#informationmodal {left: 0; width: 100%; top: 50px; margin-left: 0; border-right:none;border-left:none; box-shadow: 0 0 12px rgba(195,161,80,0.2); display: none;}
#informationmodal p.close {right: 0.9rem; top: 1.35rem;}
#informationmodal p.close a{width: 3.3rem; height: 3.6rem;}
.mobile #informationmodal p.close a:hover:before{opacity: 1;}
.mobile #informationmodal p.close a:hover:after{opacity: 0;}
#informationmodal article {width: 100%; padding: 5.5rem 3.5rem 2rem;}
#informationmodal article time {font-size: 1.15rem; margin-bottom: 0.4rem;}
#informationmodal article h1 {font-size: 1.3rem; line-height: 1.95rem; margin-bottom: 1rem; text-align: center;}
#informationmodal article .entry {width: 30.5rem;}
#informationmodal article .entry img {border: 1px solid #c3a150; width: 100%; height: auto;}
#informationmodal article .entry p {font-size: 1.3rem; line-height: 2rem;}
#informationmodal article .entry p + p {margin: 2rem 0 0;}
#informationmodal article .entry p.img + p {margin-top: 0.5rem;}
}

/* loader */
#loader {background: rgba(255,255,255,0); width: 100%; height: 100%; z-index: 100000; position: fixed; left: 0; top: 0;}
.ie11 #loader  {background: rgba(255,255,255,1.00);}
#loader .loader{width: 4.6rem; height: 4.6rem; position: fixed; right: 50%; top: 50%; margin: -2.3rem -2.3rem 0 0;}
.loader span,
.loader span:after {
  border-radius: 50%;
  width: 4.6rem;
  height: 4.6rem;
}
.loader span{
	display: block;
  font-size: 1rem;
  position: relative;
  text-indent: -9999em;
  border-top: .21em solid rgba(191,165,80,0.2);
  border-right: .21em solid rgba(191,165,80,0.2);
  border-bottom: .21em solid rgba(191,165,80,0.2);
  border-left: .21em solid rgba(191,165,80,0.8);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
	/*
	box-shadow: 0px 0px 4px rgba(235,66,8,1);
	box-shadow: 0px 0px 4px rgba(0,250,218,1);
	*/
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}

/* 
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:rgba(255,255,255,0.8);}
#colorbox{outline:0;}
#cboxContent{margin-top:88px; overflow:visible; background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:0; border: none;}
#cboxLoadingGraphic{}
#cboxLoadingOverlay{background:url(/images/common/oval.svg) center center no-repeat #000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/common/controls.png) no-repeat 0 0;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}

#cboxClose{background:url(/images/common/btn-close.png) left top no-repeat; width:40px; height:40px; background-size:100% auto; right:0; top:-50px !important; transition:0.5s;}
#cboxClose:hover{opacity:0.7;}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

.analytics {position:fixed; left:-9999px; top:-9999px; height:0; width:0; overflow:hidden;}
#imageloaded {position: fixed; left: -9999px; font-size: 0; line-height: 1; height: 1px; width: 1px; overflow: hidden;}

.animation-up {}
.animation {}
.animation.itemshow {}
.animation-trigger{}
.uatablet .animation {}