<style type="text/css">

@charset "UTF-8";
<link href="http://fonts.googleapis.com/css?family=Josefin+Slab" rel="stylesheet" type="text/css">

@font-face
{
font-family: IPAex明朝;
src: url('https://cdn.leafscape.be/IPAexfont/ipaexm_web.woff2')
     format("woff2");
}
*{
 margin:0;
 padding:0;
}
html{
 height:100%;
}
body{
 background:linear-gradient(rgba(25, 25, 112, 0.5), rgba(25, 25, 112, 0.7)) fixed, url(https://alicex.jp/data/moonjelly/img/moonjelly_upld_1.jpg
) no-repeat center / cover fixed;
 font-size:11px;
 font-family:"Josefin Slab", "メイリオ";
 color:#fff;
 letter-spacing:1px;
}
a{
 color:#fff;
 text-decoration:none;
}
a:hover{
 color:transparent;
 text-shadow:0 0 1px #fff3b8;
}
h1{
 font-size:22px;
 font-weight:normal;
 font-family:"IPAex明朝";
 margin:0 auto;
 width:200px;
 height:200px;
 border-top:solid 1px rgba(255, 243, 184, 0.5);
 border-left:solid 1px rgba(255, 243, 184, 0.5);
 border-radius:50%;
}
h1 span{
 display:inline-block;
 width:1em;
 margin:30px auto 0;
}
h2{
 font-size:11px;
 letter-spacing:3px;
 margin:0 0 30px;
}
h2:after{
 content:"";
 display:block;
 width:80px;
 height:1px;
 margin:10px 0;
 background:linear-gradient(90deg, rgba(255, 243, 184, 0.5), rgba(255, 243, 184, 0));
}
h2 a{
 display:block;
 border:none;
 margin-top:-60px;
 padding-top:60px;
}
h3{
 font-size:12px;
 color:rgba(255, 243, 184, 0.5);
 text-align:center;
 margin:30px 0 0;
}
h4{
 font-size:15px;
 font-family:"IPAex明朝";
 font-weight:normal;
 letter-spacing:3px;
 text-align:center;
}
h4:after{
 content:"";
 display:block;
 height:1px;
 margin:20px 0 30px;
 background:linear-gradient(to right, rgba(255, 243, 184, 0), rgba(255, 243, 184, 0.5), rgba(255, 243, 184, 0));
}
header{
 margin:100px 0 150px;
 text-shadow:0 0 10px #fff3b8;
 text-align:center;
}
nav{
 margin:40px 0;
 font-size:12px;
 letter-spacing:3px;
}
nav a{
 display:inline-block;
 margin:0 10px;
}
article{
 max-width:450px;
 margin:10px auto;
 padding:60px 40px;
 background:rgba(0, 0, 0, 0.3);
 line-height:200%;
 text-align:justify;
}
.news{
 margin:0 0 30px;
}
.news a{
 position:relative;
 display:block;
 padding:10px 0;
 border-bottom:solid 1px rgba(255, 243, 184, 0.5);
}
.news a:after{
 content:"";
 position:absolute;
 top:0;
 right:0;
 display:inline-block;
 padding:10px 0;
 font-size:15px;
 color:rgba(255, 243, 184, 0.5);
}
b{
 padding:2px 5px;
 background:rgba(255, 243, 184, 0.5);
 letter-spacing:2px;
}
.border{
 margin:0 -5px;
 padding:20px;
 border:solid 1px rgba(255, 243, 184, 0.5);
 color:#ddd;
 font-size:10px;
 line-height:180%;
}
.line{
 margin:0 0 20px 0.5em;
 padding-left:10px;
 border-left:solid 1px rgba(255, 243, 184, 0.5);
 color:#ddd;
}
.link a{
 background:rgba(255, 243, 184, 0.2);
}
footer{
 margin:10px 0 0;
 padding:30px 40px;
 background:rgba(0, 0, 0, 0.3);
 line-height:200%;
 text-align:center;
}
textarea, input, select{
 border:solid 1px rgba(255, 243, 184, 0.5);
 background:rgba(255, 255, 255, 0.5);
 padding:5px 10px;
 font-size:11px;
 font-family:"Josefin Slab", "メイリオ";
 color:#333366;
}
br{letter-spacing:0;}


</style>