@import url('https://fonts.googleapis.com/css?family=Arsenal|Allerta+Stencil');

@font-face
{
font-family: 小夏;
src: url('https://cdn.leafscape.be/Konatu/Konatu_web.woff2')
     format("woff2");}

body{
font-family:"Arsenal","メイリオ", sans-serif;
font-size:12px;
letter-spacing:1px;
line-height:150%;
color:#555;
background:#fff;
margin:20px 0;
padding:0;}

@media screen and (min-width: 601px){
.wrp{
width:600px;
margin:0 auto;}
}

.con{display:flex;}

.left{
border-right:solid 2px #E6B3CC;
padding:15px 20px 15px 5px;
width:30%;
float:left;
text-align:right;
margin-right:20px;}

.right{
padding:10px 0;
width:70%;
float:right;}
}



.con{margin:20px;}

.right a{
color:#19283c;
background-image:url(3rdbg.jpg);
border-radius: 20px 20px 20px 20px;
padding:5px 15px;
margin:0;}


#top{
font-family:"Allerta Stencil", sans-serif;
line-height:150%;
font-size:18px;
color:#820041;
position:relative;
margin:20px 30px 30px;
padding:15px;
width:300px;
text-align:center;
background-image:url(3rdbg.jpg);
z-index:0;
border-radius: 20px 20px 20px 20px;
display:inline-block;
}

#top:before{
content: "";
position: absolute;
bottom: -8px; left: 50%;
margin-left: -9px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 9px 9px 0 9px;
border-color: #f6f6f6 transparent transparent transparent;
z-index: 0;
}

#top:after {
content: "";
position: absolute;
bottom: -10px; left: 50%;
margin-left: -10px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #f6f6f6 transparent transparent transparent;
z-index: -1;
}

.info{
text-align:left;
margin:10px;
padding:1px 10px;

line-height:25px;
}

.text{
font-size:11px;
text-align:left;
margin:15px 0 5px;
padding:10px;
background:#f6f6f6;
border-radius: 20px 20px 20px 20px;}

header{
text-align:center;
margin:50px auto 10px;}



h1{
font-family:"Dancing Script", sans-serif;
letter-spacing:-1;
font-weight:normal;
color:#fff;
margin:0;
padding:0;
position:relative;
display:inline;}

h2{
font-size:13px;
margin:0 0 5px;
padding:0 3px;
border-bottom:solid 1px #555;
width:100px;
text-transform:uppercase;
position: relative;}

h2:after {
content:'';
width:22px;
height:1px;
background-color:#d9333f;
position:absolute;
bottom:-1px;
left:0;}

h3{
color:#b22222;
font-family:"Dancing Script", sans-serif;
letter-spacing:-1;
font-size:24px;
font-weight:normal;
margin:10px 0;
padding:0;
}

a{
color:#888;
text-decoration:none;
padding:0 3px;
}

a:hover{color:#19283c;}

.main{
width:550px;
margin:50px auto;}


.novel{
font-size:13px;
letter-spacing:2px;
line-height:200%;
margin:20px;}

.novel p{
font-size:11px;
letter-spacing:1px;
line-height:150%;
margin:50px 20px;
padding:10px;
border-left:solid 2px #E6B3CC;
color:#333;}

#title{
font-family:"Allerta Stencil", 小夏, sans-serif;
line-height:150%;
font-size:18px;
color:#820041;
position:relative;
margin:20px 30px 30px;
padding:15px;
width:300px;
text-align:center;
background-image:url(3rdbg.jpg);
z-index:0;
border-radius: 20px 20px 20px 20px;
display:inline-block;
}

#title:before{
content: "";
position: absolute;
bottom: -8px; left: 50%;
margin-left: -9px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 9px 9px 0 9px;
border-color: #f6f6f6 transparent transparent transparent;
z-index: 0;
}

#title:after {
content: "";
position: absolute;
bottom: -10px; left: 50%;
margin-left: -10px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #f6f6f6 transparent transparent transparent;
z-index: -1;
}

hr{text-align:center;
border: none;
    height: 28px;
    background-image:url(01.gif),url(02.gif),url(03.gif);
    background-repeat:no-repeat,no-repeat,no-repeat;
    background-position:42% 0,50% 0,58% 0;
    color: #FFFFFF;
margin:100px 0px;
}