<meta charset="UTF-8"><!--文字コードの指定-->
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css"><!--リセットCSS-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cinzel"><!--googleフォント-->
<style type="text/css">

html {
 background: transparent;
 font-size: 62.5%;
}
body {
 font-size: 1.3rem;
 font-family: 'メイリオ', sans-serif;
 letter-spacing: 0.2em;
 line-height: 2.0em;
 margin: 5% 0%;
}
a {
 color: #000000;
 background-color: #e1fffe;
 background-image: url('画像URL');
 text-decoration: none;
 transition: 0.3s;
}
h1 {
 font-size: 3.0rem;
 font-family: 'Cinzel', serif;
 text-align: center;
 margin-top: 5%;
}
h2{
 display: inline-block;
 font-size: 1.1em;
}
h2 > span {
 display: inline-block;
 margin-left: 1.0em;
 color: #666666;
 font-size: 0.9em;
}
h3 {
 text-align: center;
 margin: 5% 0%;
 font-size: 1.5em;
 font-family: 'Cinzel', serif;
}
em {
 font-style: normal;
 font-weight: bolder;
 background-image: linear-gradient(transparent 50%, #99e1ff 50%);
}
ul {
 list-style: none;
}
input,textarea,button,select {
 color: #666666;
 background-color: #ffffff;
 font-family: inherit;
 font-size: 100%;
 border: solid 1px #444444;
 margin: 1%;
}
textarea {
 display: block;
}



section {
 padding: 5% 0%;
 box-sizing: border-box;
}
.namechange {
 margin: 0% auto;
 padding-bottom: 0%;
 width: 40%;
 min-width: 500px;
}
article {
 margin: 5% auto;
 width: 40%;
 min-width: 500px;
}
article p:first-of-type {
 margin-top: 10%;
}
article p::before {
 content: '';
 margin-left: 1.0em;
}

.name {
 width: 6.0em;
}


.text section > p {
 padding-left: 1.0em;
}

.content {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 align-content: space-between;
 justify-content: space-between;
 margin: 5% auto;
 box-sizing: border-box;
 width: 50%;
 min-width: 600px;
 list-style: none;

}
.content > li {
 box-sizing: border-box;
}
.content li.pict {
 width: 30%;
}
.content li.pict a {
 color: #444444;
 display: block;
 margin: 0% auto;
}
.content li.pict a:hover {
 color: #aaaaaa;
}
.content li.text {
 width: 70%;
 margin: 3em 0em;
 padding: 0em 3em;
}
.content a {
 color: #222222;
 background-color: #dddddd;
 background-image: none;
}




a.img {
 display: block;
 font-size: 8.0rem;
 font-family: 'Cinzel', serif;
 border-radius: 50%;
 text-align: center;
 line-height: 15.0rem;
 width: 15.0rem;
 height: 15.0rem;
 background-position: center;
}

a.title1 {
 background-image: url('画像URL');
}
a.title2 {
 background-image: url('画像URL');
}
a.title3 {
 background-image: url('画像URL');
}
a.title4 {
 background-image: url('画像URL');
}

img.image {
 display: block;
 font-size: 8.0rem;
 font-family: 'Cinzel', serif;
 border-radius: 50%;
 text-align: center;
 line-height: 15.0rem;
 width: 15.0rem;
 height: 15.0rem;
 margin: 0% auto;
}

ol.title3-content {
 list-style-position: inside;
 margin: 1.0em;
}

ul.short {
 margin: 5%;
 font-size: 0.0em;
}
.short li {
 display: inline-block;
}
.short a {
 font-size: 1.3rem;
 margin-right: 1.0em;
}

ul.long {
 margin: 1.0em;
}

img.image {
 display: block;
 font-family: 'Cinzel', serif;
 border-radius: 50%;
 text-align: center;
 line-height: 15.0rem;
 width: 15.0rem;
 height: 15.0rem;
}

img.title-image {
 display: block;
 text-align: center;
 margin: 0% auto;
}

footer {
 text-align: center;
}

</style>
