@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=Roboto:ital,wght@0,100;0,400;1,100;1,300;1,400&display=swap');


/*fade*/
.sa {opacity: 0; transition: all .5s ease;}
.sa.show {opacity: 1; transform: none;}
.sa--lr {transform: translate(-100px, 0);}
.sa--lr2{transform: translate(-30px, 0);}
.sa--rl {transform: translate(100px, 0);}
.sa--rl2 {transform: translate(30px, 0);}
.sa--up {transform: translate(0, 10px);}
.sa--up2 {transform: translate(0, 100px);}
.sa--down {transform: translate(0, -10px);}
.sa--down2 {transform: translate(0, -200px);}
.sa--scaleUp {transform: scale(.8);}
.sa--scaleDown {transform: scale(1.1);}
.sa--rotateL {transform: rotate(180deg);}
.sa--rotateR {transform: rotate(-180deg);}


/*site-common*/
body{color:#222;}
a{color:#222;}

/*H*/
h1{padding:0; margin:0; text-align: left;}
h2{padding:0; margin:0; text-align: left;}
h3{padding:0; margin:0; text-align: left;}
h4{padding:0; margin:0; text-align: left;}

h1{font-family: 'Noto Serif JP', serif; font-weight:600; line-height:1.3; text-align:center;}
h2{font-family: 'Noto Serif JP', serif; font-weight:300; line-height:1.3; font-size:4rem; margin:1.5em 0 1em 0;}
h2 small{font-size:50%; display:block; font-weight:500;}
h3{margin:3em 0 1em 0;}
@media only screen and ( max-width : 768px ) {
h2{font-size:3.5rem; line-height:1.3;}
}
@media only screen and ( max-width : 500px ) {
h2{font-size:2.6rem;}
h2 br{display:none;}
h3{font-size:1.6rem; line-height:1.4;}
}

.pc2{display:none;}
@media only screen and ( min-width : 1000px ) {
.pc2{display:inherit;}
}

.come{position:relative; padding-left:1.2em !important;}
.come:before{position:absolute; content:"※"; left:0;}
.small{font-size:1.3rem !important;}


/*header*/
header{position:relative;}
header #logo{position:absolute; left:0; top:0;}
@media screen and (max-width: 768px) {
header #logo{left:10px; top:10px;}
header #logo img{width:100px; height:auto; left:10px; top:10px;}
}
@media screen and (max-width: 600px) {
header #logo{left:5px; top:5px;}
header #logo img{width:70px; height:auto;}
}

/*nav*/
nav {
  display: block; position: fixed; top: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all .5s; z-index: 9001; opacity: 0;
  width: 500px; left: -500px; background: #222;}
.open nav {left: 0; opacity: 1;}
nav .inner {padding: 25px;}
nav .inner > a{display:inline-block; margin-bottom: 1em;}
nav .inner > a+a{margin-left: 1em;}
nav .inner > a.index img{height:60px; width:auto;}
nav .inner > a.top img{height:60px; width:auto;}
nav .inner ul {list-style: none; margin: 0; padding: 0;}
nav .inner ul li {position: relative; margin: 0; border-bottom: 2px solid #eee;}
nav .inner ul li.top img{max-width:200px;}
nav .inner ul li a {display: block; color: #f5f5f5; font-size: 1.4rem; padding: 1em; font-weight:500; letter-spacing:.05em; text-decoration: none; transition-duration: 0.2s;}
nav .inner ul li strong{display: block; color: #f5f5f5; font-size: 1.4rem; padding: 0 .5em; font-weight:500; letter-spacing:.05em; text-decoration: none;}
nav .inner ul li strong small{font-size:1.2rem !important;}
nav .inner ul li ul{margin:0 0 .5em 0;}
nav .inner ul li li{border:0; padding:0 0 0 .5em; position:relative;} 
nav .inner ul li li a{padding:1em .5em 1em .8em; display:block; line-height:1; font-weight:normal;} 
nav .inner ul li li a:before{content:"┗"; position:absolute; left:-.3em; top:1em; color: #f5f5f5 !important;}
nav .inner ul li a:hover, nav .inner ul li li a:hover {background:yellow; color:#222;}
nav .inner ul li a:hover strong {color:#222;}
@media screen and (max-width: 600px) {
nav {left: -320px; width: 320px;}
}

/*pagenav*/
#navArea.sub nav .inner ul li {border-bottom: 0;}
#navArea.sub nav .inner ul li a {display: block; color: #f5f5f5; font-size: 1.4rem; padding: 1em; font-weight:500; letter-spacing:.05em; text-decoration: none; transition-duration: 0.2s;}
#navArea.sub nav .inner ul li a:hover{background:yellow; color:#222;}

#navArea.sub nav .inner ul li:not(.top){border-bottom:1px solid rgba(255,255,255,.3);}
#navArea.sub nav .inner ul li:not(.top) a span{display: block; border-bottom:1px solid dashed; padding-bottom:.5em; margin:-bottom:.5em;}
#navArea.sub nav .inner ul li:not(.top) a strong{display: block; font-family: 'Noto Serif JP', serif; font-weight:400; line-height:1.3; font-size:1.6rem;}
#navArea.sub nav .inner ul li:not(.top) a strong small{display: block; font-size:50%; font-weight:300;}

#navArea.sub nav .inner ul li:not(.top) a strong > div{color: #f5f5f5; font-family: 'Noto Serif JP', serif;}
#navArea.sub nav .inner ul li:not(.top) a:hover strong > div{color:#222;}

#navArea.sub nav .inner ul li.top{margin-bottom:1em;}
#navArea.sub nav .inner ul li.top a{display:block; border:2px solid rgba(255,255,255,.4); border-radius:5px; text-align:center;}
#navArea.sub nav .inner ul li.top a:hover {background:rgba(255,255,255,.3); color:#fff;}
#navArea.sub nav .inner ul li.top a strong{display:block; padding:1em 0 0 0;}
@media screen and (max-width: 500px) {
#navArea.sub nav .inner {padding: 10px;}
#navArea.sub nav .inner ul li:not(.top) a strong{font-size:1.5rem;}
}

.toggle_btn {display: block; position: fixed; transition: all .5s; cursor: pointer; z-index: 9001;
  top: 0; right: 0; width: 50px; height: 50px; background:#222;}
.toggle_btn span {
  display: block; position: absolute; left: 0; height: 2px; background-color: white; border-radius: 4px; transition: all .5s;
  width: 30px;}
.toggle_btn span:nth-child(1) {top: 14px; left:10px;}
.toggle_btn span:nth-child(2) {top: 24px; left:10px;}
.toggle_btn span:nth-child(3) {bottom: 14px; left:10px;}
.open .toggle_btn{background:yellow;}
.open .toggle_btn span {background-color: #222;}
.open .toggle_btn span:nth-child(1) {-webkit-transform: translateY(10px) rotate(-315deg); transform: translateY(10px) rotate(-315deg);}
.open .toggle_btn span:nth-child(2) {opacity: 0;}
.open .toggle_btn span:nth-child(3) {-webkit-transform: translateY(-10px) rotate(315deg); transform: translateY(-10px) rotate(315deg);}
#mask {display: none; transition: all .5s;}
.open #mask {
  display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: .3; z-index: 9000; cursor: pointer;
  background: #222;}
@media screen and (min-width: 600px) {
.toggle_btn {width: 80px; height: 80px;}
.toggle_btn span {width: 40px;}
.toggle_btn span:nth-child(1) {top: 29px; left:20px;}
.toggle_btn span:nth-child(2) {top: 39px; left:20px;}
.toggle_btn span:nth-child(3) {bottom: 29px; left:20px;}
}
/*here*/
body#sky nav .inner ul li li.sky a{background:rgba(255,255,255,.1);}




/*footer*/
footer{background:#000;}
footer ul, footer li{margin:0; padding:0;}
footer, footer p, footer a, footer li:before{color:rgba(255,255,255,.5); text-align:center;}
footer .inner{padding:3em 1em .5em 1em;}
footer .media{list-style-type:none; margin:0 0 2em 0;}
footer .media img{height:50px; width:auto;}
footer .media i{margin:0 .2em;}
footer .media a:hover img{opacity:.5; transition:.3s;}
footer .copy, footer .copy p{font-size:1.2rem; letter-spacing:1px; line-height:2; margin:0 0 2em 0; color:rgba(255,255,255,.5);}
footer .copy  img{width:auto; height:15px; vertical-align:baseline; margin:0 5px;}
footer .copy a:hover{color:yellow;}
p.to-top,.to-top i{display:block; color:rgba(255,75,80,1); font-size:5rem; width:5rem; height:5rem; cursor:pointer; padding:0; margin:0; text-align:center;}
p.to-top{position:fixed; bottom:0; right:0;}
@media screen and (min-width: 768px) {
footer .media{display:flex; justify-content:center; align-items:flex-start;}
footer .media li{padding:0 3%;}
a.fb:hover{color:#5a50aa;}
a.tw:hover{color:#00acee;}
a.ins:hover{color:#a5e632;}
a.yt:hover{color:#fe0000;}
a.pin:hover{color:#ff0050;}
a.tik:hover{color:#23ebe6;}
}
@media screen and (max-width: 767px) {
footer .inner{padding:3em 0 1em 0;}
footer .media li{display:inline-block; width:45%; background:rgba(255,255,255,.1); margin:.15em 0; padding:.3em 0}
footer .media img{height:40px;}
}


/*page*/
body.page .container{max-width:1060px; padding:0 30px 50px 30px; margin:0 auto;}
body.page #area-post p{line-height:2;}
@media only screen and ( max-width : 500px ) {
body.page .container{max-width:auto; padding:0 15px 30px 15px;}
body.page #area-post p{font-size:1.4rem; line-height:1.7;}
}

body.page #title{padding:60px 0 0 0;}
body.page #title img{display:block; margin:0 auto; width:70%; height:auto; max-width:300px;}
body.page #title h1{font-size:3.4rem; margin:2em 0 1.5em 0 !important;}
body.page #title h1 small{font-size:1.4rem; border-radius:0 20px; padding:0 20px 5px 20px; color:#fff; display:table; margin:0 auto 1em auto;}
body.page #title h1 small strong{font-size:150%; font-weight:500;}
body.page #title h1 span{display:block; text-align:center; font-size:60%; margin:1.5em 0 .5em 0;}
body.page #title h1:after{content:""; display:block; margin:1.5em  auto 0 auto; height:1px; width:80px; background:#222;}
body.page #title h1:before{display:none !important;}
body.page #title p{text-indent:1em;}
@media only screen and ( max-width : 768px ) {
}
@media only screen and ( max-width : 500px ) {
body.page #title h1{font-size:2.5rem; margin:.5em 0 1.5em 0 !important;}
body.page #title h1 small{font-size:1.4rem;}
body.page #title h1:after{width:50px;}
}
body.page .container h1{margin:3em 0 2em 0;}
body.page .container h1 img{max-width:300px; width:80%; height:auto; margin:0 auto;}
body.page .container h1:before{content:""; display:block; width:80px; height:1px; margin:0 auto 1.5em auto; background:#222;}
body.page .container h2:before{content:""; display:block; width:80px; height:1px; margin:0 0 1em 0; background:#222;}
@media only screen and ( max-width : 500px ) {
body.page .container h1{margin:2em 0 1.5em 0;}
body.page .container h1:before{width:50px; margin:0 auto 1em auto;}
body.page .container h2:before{width:50px;}
}

body.page .container > img{margin:3em auto 0 auto; display:block;}
body.page .container p.cap{text-align:center; font-size:1.3rem !important; line-height:1.3 !important; margin:.5em 0 4em 0;}
@media only screen and ( max-width : 768px ) {
body.page .container > img{margin:2em auto 0 auto; display:block;}
body.page .container p.cap{font-size:1.2rem !important; margin:.5em 0 3em 0;}
}


body.page .container p i{display:table; padding:0 .5em 0 0; color:gray; font-family: 'Noto Sans JP', sans-serif; font-weight:400;}
body.page .container p i:after{content:"：";}


.fix_comment{background:#fffae6; padding:4em 0;}
.fix_comment .inner{max-width:1060px; padding:0 30px; margin:0 auto;}
.fix_comment .inner p{font-weight:600; font-size:16px; letter-spacing:0;}
@media only screen and ( max-width : 500px ) {
.fix_comment{padding:2.5em 0 2em 0;}
.fix_comment .inner{max-width:auto; padding:0 15px;}
.fix_comment .inner p{font-size:15px;}
}


/*intro*/
#intro {overflow: hidden;}
#intro .title{
  border-bottom-right-radius: 100% 300px; border-bottom-left-radius: 100% 300px;
  margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px;
  background: url(../img/intro.jpg) center no-repeat; background-size:cover;}
#intro .title .inner{display:flex; justify-content:center; align-items:center; width:100%; aspect-ratio:3 / 1;/*height:80vh;*/ min-height:400px;}
#intro .title .inner h1{text-align:center; color:#fff; font-family: 'Noto Sans JP', sans-serif; font-size:1.6rem; font-weight:400; line-height:2.5; letter-spacing:.2em;}
#intro .title .inner h1 img{width:70%; height:auto; max-width:500px; display:block; margin:0 auto 2em auto;}
@media only screen and ( max-width : 768px ) {
#intro .title .inner{height:40vh; min-height:400px;}
#intro .title .inner h1{font-size:1.5rem; font-weight:500;}
#intro .title .inner h1 img{width:60%;}
}
@media only screen and ( max-width : 600px ) {
#intro .title .inner{min-height:300px;}
#intro .title .inner h1{font-size:1.3rem; letter-spacing:1px; line-height:1.7;}
}

/*tiplink*/
span.tiplink{font-size:90%; color:rgba(0,0,0,.5);}
span.tiplink a{color:rgba(0,0,0,.5); border-bottom: 1px dashed rgba(0,0,0,.2);}
span.tiplink a:hover{color:#ff4b50;}
span.tiplink a:before{content:""; width:10px; height:10px; display:inline-block; margin:0 .2em 0 .5em; border:5px solid transparent; box-sizing:border-box; border-left-color:#ff4b50;}

/*official*/
.official{margin:5em 0 0 0;}
.official .btn{
  position:relative; color:#fff;
  display:table; margin:1em auto; max-width:500px; min-width:300px;
  text-align:center; padding:1em 2em; border-radius:30% 0; line-height:1.2; font-weight:500; font-size:2rem;}
.official .btn:after{content:"\f105"; position:absolute; right:1em; font-family:'Font Awesome 5 Free'; font-weight:900; transition:.3s;}
.official .btn:hover{background:#ff4b50;}
.official .btn:hover:after{right:.8em;}

body.index h2{text-align:center; width:90%; margin:2em auto;}
body.index h2 img{max-width:300px; width:100%; height:auto;}
@media only screen and ( max-width : 600px ) {
body.index h2{margin:1.5em auto;}
body.index h2 img{max-width:200px;}
}


/*profile*/
.profile .inner{max-width:400px; margin:3em auto;}
.profile .inner p{font-size:90%; line-height:1.5 !important;}
.profile h4{margin:1em 0 .5em 0;}
.profile h5{position:relative; color:#666;}
.profile h5 span{background:#fff; padding:0 1em 0 .3em; line-height:1; white-space:nowrap;}
.profile h5:after{content:""; display:block; width:100%; height:1px; background:#ccc; position:absolute; top:50%; z-index:-1;}
@media only screen and ( max-width : 600px ) {
.profile .inner{max-width:inherit; margin:3em 1em;}
.profile .inner p{font-size:85% !important;}
}

img.dummy{display:block; background:#ccc; aspect-ratio: 2 / 1;}



/*skyarea*/
#skyarea{display:flex; flex-wrap: wrap; max-width:1800px; margin:0 auto; }
#skyarea > div{width:calc(100% / 3);}
#skyarea .item:nth-child(2n-1){background:#f5f5f5;}
@media screen and (max-width: 1200px) {
#skyarea > div{width:calc(100% / 2);}
#skyarea .item:nth-child(2n-1){background:none;}
#skyarea .item:nth-child(4n),#skyarea .item:nth-child(4n-3){background:#f5f5f5;}
}
@media screen and (max-width: 767px) {
#skyarea > div{width:100%;}
#skyarea .item:nth-child(4n),#skyarea .item:nth-child(4n-3){background:none;}
#skyarea .item:nth-child(2n-1){background:#f5f5f5;}
}
#skyarea .item > a{display:block;}
#skyarea .item{position:relative;}
#skyarea .item > a{display:flex; align-items:center;}
#skyarea .item .img{width:20%; min-width:80px; aspect-ratio:1; overflow:hidden;}
#skyarea .item .img img{object-fit:cover; width:100%; height:100%;}
#skyarea .item .title{width:80%; max-width:calc(100% - 80px); margin:0; padding:0;}
#skyarea .item .title dt{position:absolute; right:0; top:0; font-size:1rem; color:#fff; display:inline-block; width:4em; text-align:center; line-height: 1.3; padding:.2em 0 .3em 0;}
#skyarea .item .title dd{margin:0; padding:0 1em;}
#skyarea .item .title h3{margin:0; padding:1.5em 0 0 0; position:relative; font-size:1.2rem; font-family: 'Noto Serif JP', serif; font-weight:600; line-height:1.2;}
#skyarea .item .title h3 small{position:absolute; left:0; top:-.3em; font-size:80%;}
#skyarea .item .title h3 small strong{font-weight:bold; font-size:1.4em !important;}
@media screen and (min-width: 768px) {
#skyarea .item:nth-child(-n+6){width:calc(100% / 3); position:inherit;}
#skyarea .item:nth-child(7),#skyarea .item:nth-child(8){margin-top:4%;}
#skyarea .item:nth-child(-n+6) > a{display:block; padding: 1em;}
#skyarea .item:nth-child(-n+6) .img{width:100%; min-width:inherit; aspect-ratio:3 / 2; overflow:hidden; margin-bottom:1em;}
#skyarea .item:nth-child(-n+6) .img img{object-fit:cover; width:100%; height:100%;}
#skyarea .item:nth-child(-n+6) .title{width:100%; max-width:inherit; display:flex;}
#skyarea .item:nth-child(-n+6) .title dt{position:inherit; font-size:1.3rem; height:4em; width:4em; display:flex; justify-content:center; align-items:center;}
#skyarea .item:nth-child(-n+6) .title dt span{ }
#skyarea .item:nth-child(-n+6) .title dd{width:calc(100% - 4em);}
#skyarea .item:nth-child(-n+6) .title h3{font-size:1.7rem;}
#skyarea .item:nth-child(4){background:none;}
#skyarea .item:nth-child(3){background:#f5f5f5;}
}
@media screen and (min-width: 1200px) {
#skyarea .item:nth-child(-n+4){width:calc(100% / 4); position:inherit;}
#skyarea .item:nth-child(7),#skyarea .item:nth-child(8){margin-top:0;}
#skyarea .item:nth-child(5),#skyarea .item:nth-child(6),#skyarea .item:nth-child(7){margin-top:4%; position:relative;}
#skyarea .item:nth-child(5) > a, #skyarea .item:nth-child(6) > a, #skyarea .item:nth-child(7) > a{display:flex; align-items:center; padding:0;}
#skyarea .item:nth-child(5) .img, #skyarea .item:nth-child(6) .img, #skyarea .item:nth-child(7) .img{width:20%; min-width:80px; aspect-ratio:1; overflow:hidden; margin-bottom:0;}
#skyarea .item:nth-child(5) .img img, #skyarea .item:nth-child(6) .img img, #skyarea .item:nth-child(7) .img img{object-fit:cover; width:100%; height:100%;}
#skyarea .item:nth-child(5) .title, #skyarea .item:nth-child(6) .title, #skyarea .item:nth-child(7) .title{width:80%; max-width:calc(100% - 80px); margin:0; padding:0;}
#skyarea .item:nth-child(5) .title dt, #skyarea .item:nth-child(6) .title dt, #skyarea .item:nth-child(7) .title dt{position:absolute; right:0; top:0; font-size:1rem; color:#fff; display:inline-block; width:4em; text-align:center; line-height: 1.3; padding:.2em 0 .3em 0; height:inherit !important;}
#skyarea .item:nth-child(5) .title dd, #skyarea .item:nth-child(6) .title dd, #skyarea .item:nth-child(7) .title dd{margin:0; padding:0 1em;}
#skyarea .item:nth-child(5) .title h3, #skyarea .item:nth-child(6) .title h3, #skyarea .item:nth-child(7) .title h3{margin:0; padding:1.5em 0 0 0; position:relative; font-size:1.2rem; font-family: 'Noto Serif JP', serif; font-weight:600; line-height:1.2;}
#skyarea .item:nth-child(5) .title h3 small, #skyarea .item:nth-child(6) .title h3 small, #skyarea .item:nth-child(7) .title h3 small{position:absolute; left:0; top:-.3em; font-size:80%;}
#skyarea .item:nth-child(5) .title h3 small strong, #skyarea .item:nth-child(6) .title h3 small strong, #skyarea .item:nth-child(7) .title h3 small strong{font-weight:bold; font-size:1.4em !important;}
}

/*sa*/
#skyarea .item:nth-child(-n+4){opacity:1;}


/*movbox*/
.movbox{max-width:480px; margin:2em auto;}
.movbox h5{margin:0;}
.movbox a{position:relative;display:flex; justify-content:center; align-items: center; border-bottom:0 !important; padding:0; margin:0;}
.movbox a span{ position:absolute;}
.movbox a span:before{content:url(../../img/arw_mov.png);opacity:1;}


/*sns画像用*/
@media screen and (min-width: 3000px) {
#skyarea{display:block; flex-wrap:inherit; max-width:1030px; margin:0 auto;}
#skyarea .item {margin:50px 0; width:100%;}
#skyarea .item a{display:flex; gap:50px;}
#skyarea .item a .img{ width:55%; }
#skyarea .item a .title{width:45%;}
#skyarea .item dl.title{display:block; margin:0;}
#skyarea .item dl.title dt{font-size:2rem; height: 3em; line-height:3em;}
#skyarea .item dl.title dd{padding:2em 0 0 0;}
#skyarea .item dl.title dd br{display:none;}
#skyarea .item dl.title dd h3{font-size:2.8rem;}
#skyarea .item dl.title dd h3 small{font-size:2rem;}
}
/**************************
********** color **********
**************************/
#skyarea .item.vol01 dt, body.page #title h1 small.vol01, .btn.vol01,
#skyarea .item.vol21 dt, body.page #title h1 small.vol21, .btn.vol21,
#skyarea .item.vol41 dt, body.page #title h1 small.vol41, .btn.vol41,
#skyarea .item.vol61 dt, body.page #title h1 small.vol61, .btn.vol61,
#skyarea .item.vol81 dt, body.page #title h1 small.vol81, .btn.vol81
{background:#289bc8;}
#skyarea .item.vol01 a:hover .img .title h3,
#skyarea .item.vol21 a:hover .img .title h3,
#skyarea .item.vol41 a:hover .img .title h3,
#skyarea .item.vol61 a:hover .img .title h3,
#skyarea .item.vol81 a:hover .img .title h3
{color:#289bc8;}
#skyarea .item.vol02 dt, body.page #title h1 small.vol02, .btn.vol02,
#skyarea .item.vol22 dt, body.page #title h1 small.vol22, .btn.vol22,
#skyarea .item.vol42 dt, body.page #title h1 small.vol42, .btn.vol42,
#skyarea .item.vol62 dt, body.page #title h1 small.vol62, .btn.vol62,
#skyarea .item.vol82 dt, body.page #title h1 small.vol82, .btn.vol82
{background:#91c828;}
#skyarea .item.vol02 a:hover .img .title h3,
#skyarea .item.vol22 a:hover .img .title h3,
#skyarea .item.vol42 a:hover .img .title h3,
#skyarea .item.vol62 a:hover .img .title h3,
#skyarea .item.vol82 a:hover .img .title h3
{color:#91c828;}
#skyarea .item.vol03 dt, body.page #title h1 small.vol03, .btn.vol03,
#skyarea .item.vol23 dt, body.page #title h1 small.vol23, .btn.vol23,
#skyarea .item.vol43 dt, body.page #title h1 small.vol43, .btn.vol43,
#skyarea .item.vol63 dt, body.page #title h1 small.vol63, .btn.vol63,
#skyarea .item.vol83 dt, body.page #title h1 small.vol83, .btn.vol83
{background:#e65000;}
#skyarea .item.vol03 a:hover .img .title h3,
#skyarea .item.vol23 a:hover .img .title h3,
#skyarea .item.vol43 a:hover .img .title h3,
#skyarea .item.vol63 a:hover .img .title h3,
#skyarea .item.vol83 a:hover .img .title h3
{color:#91c828;}
#skyarea .item.vol04 dt, body.page #title h1 small.vol04, .btn.vol04,
#skyarea .item.vol24 dt, body.page #title h1 small.vol24, .btn.vol24,
#skyarea .item.vol44 dt, body.page #title h1 small.vol44, .btn.vol44,
#skyarea .item.vol64 dt, body.page #title h1 small.vol64, .btn.vol64,
#skyarea .item.vol84 dt, body.page #title h1 small.vol84, .btn.vol84
{background:#dca000;}
#skyarea .item.vol04 a:hover .img .title h3,
#skyarea .item.vol24 a:hover .img .title h3,
#skyarea .item.vol44 a:hover .img .title h3,
#skyarea .item.vol64 a:hover .img .title h3,
#skyarea .item.vol84 a:hover .img .title h3
{color:#dca000;}
#skyarea .item.vol05 dt, body.page #title h1 small.vol05, .btn.vol05,
#skyarea .item.vol25 dt, body.page #title h1 small.vol25, .btn.vol25,
#skyarea .item.vol45 dt, body.page #title h1 small.vol45, .btn.vol45,
#skyarea .item.vol65 dt, body.page #title h1 small.vol65, .btn.vol65,
#skyarea .item.vol85 dt, body.page #title h1 small.vol85, .btn.vol85
{background:#5064c8;}
#skyarea .item.vol05 a:hover .img .title h3,
#skyarea .item.vol25 a:hover .img .title h3,
#skyarea .item.vol45 a:hover .img .title h3,
#skyarea .item.vol65 a:hover .img .title h3,
#skyarea .item.vol85 a:hover .img .title h3
{color:#5064c8;}
#skyarea .item.vol06 dt, body.page #title h1 small.vol06, .btn.vol06,
#skyarea .item.vol26 dt, body.page #title h1 small.vol26, .btn.vol26,
#skyarea .item.vol46 dt, body.page #title h1 small.vol46, .btn.vol46,
#skyarea .item.vol66 dt, body.page #title h1 small.vol66, .btn.vol66,
#skyarea .item.vol86 dt, body.page #title h1 small.vol86, .btn.vol86
{background:#ff6eaa;}
#skyarea .item.vol06 a:hover .img .title h3,
#skyarea .item.vol26 a:hover .img .title h3,
#skyarea .item.vol46 a:hover .img .title h3,
#skyarea .item.vol66 a:hover .img .title h3,
#skyarea .item.vol86 a:hover .img .title h3
{color:#ff6eaa;}
#skyarea .item.vol07 dt, body.page #title h1 small.vol07, .btn.vol07,
#skyarea .item.vol27 dt, body.page #title h1 small.vol27, .btn.vol27,
#skyarea .item.vol47 dt, body.page #title h1 small.vol47, .btn.vol47,
#skyarea .item.vol67 dt, body.page #title h1 small.vol67, .btn.vol67,
#skyarea .item.vol87 dt, body.page #title h1 small.vol87, .btn.vol87
{background:#9678dc;}
#skyarea .item.vol07 a:hover .img .title h3,
#skyarea .item.vol27 a:hover .img .title h3,
#skyarea .item.vol47 a:hover .img .title h3,
#skyarea .item.vol67 a:hover .img .title h3,
#skyarea .item.vol87 a:hover .img .title h3
{color:#9678dc;}
#skyarea .item.vol08 dt, body.page #title h1 small.vol08, .btn.vol08,
#skyarea .item.vol28 dt, body.page #title h1 small.vol28, .btn.vol28,
#skyarea .item.vol48 dt, body.page #title h1 small.vol48, .btn.vol48,
#skyarea .item.vol68 dt, body.page #title h1 small.vol68, .btn.vol68,
#skyarea .item.vol88 dt, body.page #title h1 small.vol88, .btn.vol88
{background:#46c8aa;}
#skyarea .item.vol08 a:hover .img .title h3,
#skyarea .item.vol28 a:hover .img .title h3,
#skyarea .item.vol48 a:hover .img .title h3,
#skyarea .item.vol68 a:hover .img .title h3,
#skyarea .item.vol88 a:hover .img .title h3
{color:#46c8aa;}
#skyarea .item.vol09 dt, body.page #title h1 small.vol09, .btn.vol09,
#skyarea .item.vol29 dt, body.page #title h1 small.vol29, .btn.vol29,
#skyarea .item.vol49 dt, body.page #title h1 small.vol49, .btn.vol49,
#skyarea .item.vol69 dt, body.page #title h1 small.vol69, .btn.vol69,
#skyarea .item.vol89 dt, body.page #title h1 small.vol89, .btn.vol89
{background:#dc4141;}
#skyarea .item.vol09 a:hover .img .title h3,
#skyarea .item.vol29 a:hover .img .title h3,
#skyarea .item.vol49 a:hover .img .title h3,
#skyarea .item.vol69 a:hover .img .title h3,
#skyarea .item.vol89 a:hover .img .title h3
{color:#dc4141;}
#skyarea .item.vol10 dt, body.page #title h1 small.vol10, .btn.vol10,
#skyarea .item.vol30 dt, body.page #title h1 small.vol30, .btn.vol30,
#skyarea .item.vol50 dt, body.page #title h1 small.vol50, .btn.vol50,
#skyarea .item.vol70 dt, body.page #title h1 small.vol70, .btn.vol70,
#skyarea .item.vol90 dt, body.page #title h1 small.vol90, .btn.vol90
{background:#e1c83c;}
#skyarea .item.vol10 a:hover .img .title h3,
#skyarea .item.vol30 a:hover .img .title h3,
#skyarea .item.vol50 a:hover .img .title h3,
#skyarea .item.vol70 a:hover .img .title h3,
#skyarea .item.vol90 a:hover .img .title h3
{color:#e1c83c;}
#skyarea .item.vol11 dt, body.page #title h1 small.vol11, .btn.vol11,
#skyarea .item.vol31 dt, body.page #title h1 small.vol31, .btn.vol31,
#skyarea .item.vol51 dt, body.page #title h1 small.vol51, .btn.vol51,
#skyarea .item.vol71 dt, body.page #title h1 small.vol71, .btn.vol71,
#skyarea .item.vol91 dt, body.page #title h1 small.vol91, .btn.vol91
{background:#374682;}
#skyarea .item.vol11 a:hover .img .title h3,
#skyarea .item.vol31 a:hover .img .title h3,
#skyarea .item.vol51 a:hover .img .title h3,
#skyarea .item.vol71 a:hover .img .title h3,
#skyarea .item.vol91 a:hover .img .title h3
{color:#374682;}
#skyarea .item.vol12 dt, body.page #title h1 small.vol12, .btn.vol12,
#skyarea .item.vol32 dt, body.page #title h1 small.vol32, .btn.vol32,
#skyarea .item.vol52 dt, body.page #title h1 small.vol52, .btn.vol52,
#skyarea .item.vol72 dt, body.page #title h1 small.vol72, .btn.vol72,
#skyarea .item.vol92 dt, body.page #title h1 small.vol92, .btn.vol92
{background:#007800;}
#skyarea .item.vol12 a:hover .img .title h3,
#skyarea .item.vol12 a:hover .img .title h3,
#skyarea .item.vol52 a:hover .img .title h3,
#skyarea .item.vol72 a:hover .img .title h3,
#skyarea .item.vol92 a:hover .img .title h3
{color:#007800;}
#skyarea .item.vol13 dt, body.page #title h1 small.vol13, .btn.vol13,
#skyarea .item.vol33 dt, body.page #title h1 small.vol33, .btn.vol33,
#skyarea .item.vol53 dt, body.page #title h1 small.vol53, .btn.vol53,
#skyarea .item.vol73 dt, body.page #title h1 small.vol73, .btn.vol73,
#skyarea .item.vol93 dt, body.page #title h1 small.vol93, .btn.vol93
{background:#6e5a32;}
#skyarea .item.vol13 a:hover .img .title h3,
#skyarea .item.vol33 a:hover .img .title h3,
#skyarea .item.vol53 a:hover .img .title h3,
#skyarea .item.vol73 a:hover .img .title h3,
#skyarea .item.vol93 a:hover .img .title h3
{color:#6e5a32;}
#skyarea .item.vol14 dt, body.page #title h1 small.vol14, .btn.vol14,
#skyarea .item.vol34 dt, body.page #title h1 small.vol34, .btn.vol34,
#skyarea .item.vol54 dt, body.page #title h1 small.vol54, .btn.vol54,
#skyarea .item.vol74 dt, body.page #title h1 small.vol74, .btn.vol74,
#skyarea .item.vol94 dt, body.page #title h1 small.vol94, .btn.vol94
{background:#ff8c78;}
#skyarea .item.vol14 a:hover .img .title h3,
#skyarea .item.vol34 a:hover .img .title h3,
#skyarea .item.vol54 a:hover .img .title h3,
#skyarea .item.vol74 a:hover .img .title h3,
#skyarea .item.vol94 a:hover .img .title h3
{color:#ff8c78;}
#skyarea .item.vol15 dt, body.page #title h1 small.vol15, .btn.vol15,
#skyarea .item.vol35 dt, body.page #title h1 small.vol35, .btn.vol35,
#skyarea .item.vol55 dt, body.page #title h1 small.vol55, .btn.vol55,
#skyarea .item.vol75 dt, body.page #title h1 small.vol75, .btn.vol75,
#skyarea .item.vol95 dt, body.page #title h1 small.vol95, .btn.vol95
{background:#b4c85a;}
#skyarea .item.vol15 a:hover .img .title h3,
#skyarea .item.vol35 a:hover .img .title h3,
#skyarea .item.vol55 a:hover .img .title h3,
#skyarea .item.vol75 a:hover .img .title h3,
#skyarea .item.vol95 a:hover .img .title h3
{color:#b4c85a;}
#skyarea .item.vol16 dt, body.page #title h1 small.vol16, .btn.vol16,
#skyarea .item.vol36 dt, body.page #title h1 small.vol36, .btn.vol36,
#skyarea .item.vol56 dt, body.page #title h1 small.vol56, .btn.vol56,
#skyarea .item.vol76 dt, body.page #title h1 small.vol76, .btn.vol76,
#skyarea .item.vol96 dt, body.page #title h1 small.vol96, .btn.vol96
{background:#3c3cbe;}
#skyarea .item.vol16 a:hover .img .title h3,
#skyarea .item.vol36 a:hover .img .title h3,
#skyarea .item.vol56 a:hover .img .title h3,
#skyarea .item.vol76 a:hover .img .title h3,
#skyarea .item.vol96 a:hover .img .title h3
{color:#3c3cbe;}
#skyarea .item.vol17 dt, body.page #title h1 small.vol17, .btn.vol17,
#skyarea .item.vol37 dt, body.page #title h1 small.vol37, .btn.vol37,
#skyarea .item.vol57 dt, body.page #title h1 small.vol57, .btn.vol57,
#skyarea .item.vol77 dt, body.page #title h1 small.vol77, .btn.vol77,
#skyarea .item.vol97 dt, body.page #title h1 small.vol97, .btn.vol97
{background:#32c8e6;}
#skyarea .item.vol17 a:hover .img .title h3,
#skyarea .item.vol37 a:hover .img .title h3,
#skyarea .item.vol57 a:hover .img .title h3,
#skyarea .item.vol77 a:hover .img .title h3,
#skyarea .item.vol97 a:hover .img .title h3
{color:#32c8e6;}
#skyarea .item.vol18 dt, body.page #title h1 small.vol18, .btn.vol18,
#skyarea .item.vol38 dt, body.page #title h1 small.vol38, .btn.vol38,
#skyarea .item.vol58 dt, body.page #title h1 small.vol58, .btn.vol58,
#skyarea .item.vol78 dt, body.page #title h1 small.vol78, .btn.vol78,
#skyarea .item.vol98 dt, body.page #title h1 small.vol98, .btn.vol98
{background:#cdc88c;}
#skyarea .item.vol18 a:hover .img .title h3,
#skyarea .item.vol38 a:hover .img .title h3,
#skyarea .item.vol58 a:hover .img .title h3,
#skyarea .item.vol78 a:hover .img .title h3,
#skyarea .item.vol98 a:hover .img .title h3
{color:#cdc88c;}
#skyarea .item.vol19 dt, body.page #title h1 small.vol19, .btn.vol19,
#skyarea .item.vol39 dt, body.page #title h1 small.vol39, .btn.vol39,
#skyarea .item.vol59 dt, body.page #title h1 small.vol59, .btn.vol59,
#skyarea .item.vol79 dt, body.page #title h1 small.vol79, .btn.vol79,
#skyarea .item.vol99 dt, body.page #title h1 small.vol99, .btn.vol99
{background:#ff96e6;}
#skyarea .item.vol19 a:hover .img .title h3,
#skyarea .item.vol39 a:hover .img .title h3,
#skyarea .item.vol59 a:hover .img .title h3,
#skyarea .item.vol79 a:hover .img .title h3,
#skyarea .item.vol99 a:hover .img .title h3
{color:#ff96e6;}
#skyarea .item.vol20 dt, body.page #title h1 small.vol20, .btn.vol20,
#skyarea .item.vol40 dt, body.page #title h1 small.vol40, .btn.vol40,
#skyarea .item.vol60 dt, body.page #title h1 small.vol60, .btn.vol60,
#skyarea .item.vol80 dt, body.page #title h1 small.vol80, .btn.vol80,
#skyarea .item.vol100 dt, body.page #title h1 small.vol100, .btn.vol100
{background:#ffb43c;}
#skyarea .item.vol20 a:hover .img .title h3,
#skyarea .item.vol40 a:hover .img .title h3,
#skyarea .item.vol60 a:hover .img .title h3,
#skyarea .item.vol80 a:hover .img .title h3,
#skyarea .item.vol100 a:hover .img .title h3
{color:#ffb43c;}