<style type="text/css">
@font-face
{
font-family: はれのそら明朝;
src: url('https://cdn.leafscape.be/Harenosora/harenosora_web.woff2')
     format("woff2");
}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。
http://ipafont.ipa.go.jp/ipa_font_license_v1.html
オリジナルのフォントは以下から取得できます。
http://ipafont.ipa.go.jp/
<blockquote data-secret="uoFEK7mhQX" class="wp-embedded-content"><a href="http://fontopo.com/?p=377">はれのそら明朝</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" src="http://fontopo.com/?p=377&embed=true#?secret=uoFEK7mhQX" data-secret="uoFEK7mhQX" title="埋め込まれた WordPress の投稿" marginwidth="0" marginheight="0" scrolling="no" height="282" frameborder="0" width="500"></iframe>
-------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');

body{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 14px;
  width: 100%;
  max-width: 540px;
  letter-spacing: 2.5px;
  line-height: 1.7;
  margin: 0 auto;
  text-align:center;
  overflow-x:hidden;
  padding: 0;
  background: #9df0e4;
}
	
a{
 color:#444;
 margin:5px;
 border-bottom:1px dashed #334466;
 text-decoration: none;
}

a:hover{
color: #ccc;
}
	
#main{
 font-size: 11px;
 width: 90%;
 margin:0 auto;
 padding: 10px;
}



h1{
 font-family:はれのそら明朝,serif; 
 font-size: 23px;
 color:#334466;
 border-bottom:8px dotted #334466;
 padding-bottom:10px;
 margin-bottom:20px;
 display:inline-block;
}

h2{
 font-size: 15px;
 color:#334466;
 margin:20 0 5 0px;
}

.menu{
 position: relative;
 display: inline-block;
 font-weight: bold;
 padding: 0.5em;
 text-decoration: none;
 color: #fff;
 background: #334466;
 border-radius: 20px;
 transition: .4s;
}

 .menu:hover {
 background: #00bcd4;
 border-radius: 20px;
 color: white; 
}

.tkrv-L01 .box{
 display: block;
 position: relative;
 text-align: justify;
 text-justify: inter-ideograph;
 -ms-text-justify: inter-ideograph;
 border-radius: 20px;
 z-index: 0;
 margin: 5px auto;
 padding: 15px;
 background:#9df0e4;
 font-size:13px;
 text-align:left;
 /* box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14); */
 box-sizing: border-box;
}

header{
 height:30px;
 background-size: 20px 20px;
}

footer{
text-align:center;
font-size:14px;
margin:0;
}

input[type]
{
	background: #fff;
	box-shadow: none;
	color: #777;
	font-family: 'Baloo', cursive;
	font-size: 10pt;
	height: auto;
	margin: 0;
	padding: 3px;
}
input[type=text]
{
  border: #ddd solid 1px;
  width: 80px;
  margin:5px;
  text-align: center;
}
input[type=submit]{
   border: #ddd solid 1px;
   margin: 5px;
   padding: 2px 2px;
   width: auto;
}
</style>
<link rel="stylesheet" type="text/css" href="https://alicex.jp/data/incontra/novel/5-pc_css.css" />

<style type="text/css">
button.original-evaluation-btn {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
	*display: inline; /*for IE*/
	*zoom: 1; /*for IE*/
	margin: 2px;
	color: #696969;
	padding: 2px 4px;
	margin-left: 2px;
	margin-right: 2px;
	border: 1px solid #e6e6fa;
	background-color: #f0f8ff;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
}
button.original-evaluation-btn:hover {
    color: #ff7f50;
    background-color: #f1f2f3;
}
button.original-evaluation-btn span {
    color: #f45b5b;
}

</style>

<style type="text/css">
<!--
/* 吹き出し */
/* 全体のスタイル */
.kaiwa {
    margin-bottom: 5px;
}
/* 左画像 */
.kaiwa-img-left {
    margin: 0;
    float: left;
    width: 60px;
    height: 60px;
    margin-right: -70px;
}
/* 右画像 */
.kaiwa-img-right {
    margin: 0;
    float: right;
    width: 60px;
    height: 60px;
    margin-left: -70px;
}
.kaiwa figure img {
    width: 100%;
    height: 100%;
    border: 1px solid #aaa;
    border-radius: 50%;
    margin: 0;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right {
    position: relative;
    margin-left: 80px;
    padding: 10px;
    border-radius: 10px;
    margin-right: 1%;
    float: left;
}
/* 右からの吹き出しテキスト */
.kaiwa-text-left {
    position: relative;
    margin-right: 80px;
    padding: 10px;
    border-radius: 10px;
    margin-left: 1%;
    float: right;
}
p.kaiwa-text {
    margin: 0 0 20px;
    padding-top: 0 !important;
}
p.kaiwa-text:last-child {
    margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before {
    position: absolute;
    content: "";
    border: 10px solid transparent;
    top: 1px; 
    left: -19px;
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}
.kaiwa-text-right:after {
    position: absolute;
    content: "";
    border: 10px solid transparent;
    top: 1px; 
    left: -12px;
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}
/* 右の三角形を作る */
.kaiwa-text-left:before {
    position: absolute;
    content: "";
    border: 10px solid transparent;
    top: 1px; 
    right: -19px;
    border: 8px solid transparent;
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
}
.kaiwa-text-left:after {
    position: absolute;
    content: "";
    border: 10px solid transparent;
    top: 1px; 
    right: -10px;
    border: 8px solid transparent;
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before {
    clear: both;
    content: "";
    display: block;
}
/* 名前 */
.kaiwa-name-right {
    position: relative;
    margin-left: 60px;
    font-size: 10px;
    text-align: left;
    font-weight: bold;
}
.kaiwa-name-left {
    position: relative;
    margin-right: 60px;
    font-size: 10px;
    text-align: right;
    font-weight: bold;
}
-->
</style>
