<link href='https://fonts.googleapis.com/css?family=Didact Gothic' rel='stylesheet' type='text/css'><style type="text/css">
@font-face
{
font-family: XANO明朝;
src: url('https://cdn.leafscape.be/XANO-mincho/XANO-mincho_web.woff')
     format("woff");
}

body{font-family: 'Didact Gothic',"メイリオ", sans-serif;
margin:0;padding:0;
font-size:12px;
letter-spacing:2.2px;
line-height:1.8;
overflow:scroll;}

#wrp{max-width:320px;
margin:0 auto;
padding:25px 15% 0 15%;
text-align:center;}

h1{font-size:14px;
width:200px;
margin:0 auto;
border-bottom:#000 solid 2px;
text-align:center;}

h2{font-size:21px;
text-align:right;
font-family:'XANO明朝';}

#txt{max-width:400px;
width:90%;
padding-top:45px;
margin:0 auto;
font-size:13px;}

#atg{width:85%;
font-size:11px;
background:#ececec;
color:#999;
margin:0 auto;
padding:10px;}

#ttl{font-size:18px;
font-family:'XANO明朝';
transform: rotate(30deg);
 -ms-transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 -moz-transform: rotate(30deg);
 -o-transform: rotate(30deg);display:inline-block;}

.kro{background:#000;
color:#fff;
padding-left:2px;
margin:0 1px;}

figure{position:relative;
display:table;
margin:0 auto;}

figcaption{position:absolute;
width:100%;
left:12px;
bottom:105px;
text-align:center;}

input[type]{font-family: 'Didact Gothic',"メイリオ", sans-serif;
margin:0;
padding:1px 3px;
background:#8da0b6;
color:#fff;
border:#000 solid 1px;
box-shadow:none;}

input[type=text]{width:130px;height:auto;}

input[type=submit]{width:auto;
height:auto;
margin-left:5px;}</style></style>